### [雨云搭建 Penpot 开源设计协作平台教程](https://www.jiyueip.com/article/12358)

**Published:** 2026-07-28T11:14:45

**Author:** 斑斓助理

**Excerpt:** 在雨云 VPS 用 Docker 部署 Penpot，提供矢量设计、交互原型与实时协作，替代 Figma 自托管，与 HedgeDoc 做图文分工，含 SMTP 与注册控制坑。

做产品、运营、前端的人，常常要在 Figma 上画原型、标注释、和团队评审。Figma 好用但是闭源、数据在云端，团队图稿涉及未公开方案时不便外泄。Penpot 是开源的设计协作平台，文件、组件库、原型都存你自己服务器，界面和 Figma 高度相似，迁移成本低。本文记录在雨云 VPS 上用 Docker 部署 Penpot 的过程。

## 一、Penpot 解决什么

核心能力：

-   **矢量设计+原型**：画板、组件、交互原型一站搞定，前端评审不用另开工具；
-   **实时协作**：多人同开一个文件，光标可见；
-   **开放格式**：基于 SVG，导出的东西不被单一厂商锁死；
-   **自托管**：数据全在你服务器，适合内部未公开方案。

和前面写过的 HedgeDoc（见 [12352](https://www.jiyueip.com/article/12352)）不同，HedgeDoc 是「写文字协作」，Penpot 是「画图协作」，一个是文档一个是设计，正好搭档。

## 二、环境准备

Penpot 依赖 Postgres 和 Redis，比轻量应用重一些，建议 2 核 2G 起步。系统 Ubuntu 22.04，装好 Docker（入门见 [12235](https://www.jiyueip.com/article/12235)）。雨云国内节点延迟低，团队多人协作体验更顺。

> 新用户用优惠码 **admin01** 可享 **五折**优惠，雨云支持 7 天无理由退款。入口：[雨云官网](https://www.jiyueip.com/link/5617)。

## 三、部署要点与坑

官方 `docker-compose.yml` 已把前端、后端、Postgres、Redis 打包，关键项：

-   **必须配 SMTP**：邀请成员、找回密码都依赖邮件，没 SMTP 新用户收不到邀请；
-   **`PENPOT_FLAGS`**：控制是否允许公开注册、是否启用注册，团队内用建议关掉公开注册；
-   **存储挂卷**：设计文件元数据在 Postgres，资源走对象存储或本地卷，记得备份。

踩坑提醒：

-   **不配 SMTP 没法邀请**：很多人在没 SMTP 时卡在「邀请发不出去」，先准备好发信服务；
-   **公开注册要关**：默认可能开放注册，外网实例建议设 `disable-register` 或仅邀请制；
-   **反向代理加 body 大小限制**：大文件上传需要 Nginx 调大 `client_max_body_size`，否则上传被截断。

担心后台暴露可用 Authelia（见 [12340](https://www.jiyueip.com/article/12340)）给管理入口加登录保护；容器编排用 Portainer（见 [12310](https://www.jiyueip.com/article/12310)）统一管。

## 四、和 HedgeDoc 怎么分工

简单记：要写方案文字、会议纪要用 HedgeDoc；要画原型、标交互用 Penpot。两者都自托管，团队的内容数据都不出自己服务器。设计稿定稿后可导出 SVG/PDF 贴进 HedgeDoc 归档。

## 五、典型场景

-   **产品团队画原型**：需求评审前先把交互稿拉出来，多人标注；
-   **运营做图**：简单 banner、活动页结构在 Penpot 画，不必开重型设计软件；
-   **前端对接**：把标注和切图直接给开发，减少来回传文件。

## 合规提醒

设计文件可能包含未公开的商业方案或他人素材，运营方需履行《网络安全法》信息内容管理责任，提示用户不得上传侵权或违规内容，并妥善保管账号防止图稿泄露。

**Tags:** 云服务器, 建站教程, 雨云, 雨云优惠码

**Categories:** 行业洞察

---