Penpot 是一款完全开源的 UI/UX 设计与原型协作工具,被誉为“开源世界的 Figma”。它专为设计师与前端开发者深度协同而生,支持矢量设计、交互原型、代码导出、实时协作和组件库管理——所有功能均无需订阅、不设水印、不限项目数量。尤其适合重视数据主权、追求长期可控性的团队与个人。
核心功能
- 原生浏览器运行:无需下载安装,打开网页即可开始设计(也支持桌面端 PWA 和 Docker 部署)
- 真·设计+开发协同:设计师画界面时,开发者可直接查看图层结构、CSS 属性、间距值、字体信息,甚至一键复制样式代码
- 开源组件系统:支持创建可复用的设计系统(Design System),自动同步更新至所有关联页面,告别手动维护不一致
- 高保真交互原型:通过简单拖拽设置跳转、悬停、点击等状态,生成可分享的链接,支持手机扫码预览
- Git 式版本管理:每个项目自带历史快照,支持按时间回溯、对比差异、恢复旧版,团队协作更安心
- 全栈自托管能力:提供官方 Docker 镜像与 Helm Chart,企业可一键部署到私有服务器或信创环境,满足等保、密评等合规要求
适合哪些人用
Penpot 不是“给极客玩的玩具”,而是真正面向一线工作流的生产力工具:
• UI/UX 设计师:替代 Sketch/Figma,无订阅压力,本地化体验好,中文社区活跃;
• 前端工程师:告别截图切图,直接获取精准 CSS、SVG 或 React 组件结构;
• 中小团队与创业公司:省下每年数万元设计工具授权费,同时掌握全部数据所有权;
• 高校与政务单位:已通过联合国「数字公共产品(Digital Public Good)」认证,符合国产化替代与安全可控要求。
快速上手
零门槛启动:
✅ 即开即用:访问 penpot.app 免费注册,5 秒进入编辑器;
✅ 本地尝鲜:使用 Gitpod 一键在线开发环境(点击 README 中的 Gitpod 按钮);
✅ 私有部署:执行两条命令即可启动本地服务:docker run -p 9001:9001 -e PENPOT_BACKEND_URL=http://localhost:9001 penpotapp/penpot-frontend + docker run -p 9000:9000 penpotapp/penpot-backend;
✅ 中文支持:界面、文档、社区论坛(community.penpot.app)均提供完整简体中文。
项目信息
编程语言:Clojure & ClojureScript|GitHub Star 数:46,775|开源协议:MPL-2.0(允许商用,修改需开源,但可与闭源代码共存)
GitHub 项目地址
Penpot 证明了一件事:开源不是妥协,而是更高阶的选择——它把设计工具的自由权、解释权和控制权,真正还给了每一位创作者。


