Penpot这款47000星的免费开源设计工具，正在改写Figma的游戏规则

最近在GitHub上刷到一个项目，Penpot，47,500多个Star，MPL 2.0开源协议。一句话介绍：它是Figma的开源替代品，但玩法比Figma更彻底。

我自己用过几年设计工具，从Sketch到Figma，感受最深的就是数据不在自己手里。Figma是SaaS，文件存在云端，哪天服务涨价或者策略变了，迁移成本高得离谱。Penpot解决的就是这个事。

核心卖点：自己掌控一切

Penpot可以自己部署。用Docker或者Kubernetes，把整个设计平台部署到自己的服务器上。数据自己管，权限自己控，不受第三方服务制约。

对普通用户来说，这可能不是必须的。但对有合规要求的企业或政府项目来说，这是刚需。金融、医疗、政务这些行业，数据不能出境，不能存放在他人服务器上，Penpot恰好解决了这个难题。

另一个区别：Penpot的所有设计文件基于开放标准存储。SVG、CSS、HTML、JSON，没有私有格式。你的设计文件可以用任何文本编辑器打开查看，出问题不会被格式锁死。

设计即代码，不是口号

很多设计工具都喊"设计转代码"，但Penpot从底层就是这么构建的。

它的Inspect模式可以直接查看任何元素的CSS、SVG和HTML代码。不是你想象中那种半自动导出，而是设计过程中随时可查。开发拿到设计稿，不用猜测间距、字号、颜色，代码层面的参数直接显示。

Penpot还原生支持CSS Grid和Flex Layout。你在设计工具里拖出的布局，背后的计算逻辑跟浏览器渲染页面用的是同一套规则。设计师在画布上看到的，和开发最终实现的，偏差会明显缩小。

Design Tokens：设计系统的根基

做过大型项目的都明白，设计系统最难的不是画组件，而是保持一致性。按钮颜色、文字大小、间距规范，这些参数散落在几百个页面里，改一个要全局同步。

Penpot的Design Tokens把这些设计参数集中管理。改了Token值，所有引用它的组件自动跟着变。这套机制跟开发用CSS变量管理样式的思路一致，设计和开发终于有了同一个参照源。

MCP Server：AI时代的设计工程化

这是Penpot比较特别的一个功能。它提供了MCP Server，让AI可以直接读取设计文件的结构和参数。

你画好一个界面，AI可以通过MCP协议理解这个设计的层级结构、布局方式、组件关系，然后给出代码建议、做自动化检查，甚至在不同平台之间迁移设计。这不是展示性的Demo，是可以实际使用的接口。

配合Penpot的开放API和插件系统，你可以把设计工具嵌入到CI/CD流程里。设计稿变了自动触发代码生成，代码改了自动更新设计规范，整个过程是双向的。

实际体验怎么样

我也上手试了一下。界面整体跟Figma比较接近，上手成本不高。实时协作挺流畅的，多人同时编辑没有感受到延迟。不过开源项目在插件生态和模板库方面还没有Figma那么丰富。

自部署的话，官方提供了Docker Compose配置，基本一条命令就能跑起来。对服务器配置要求不算高，小团队用一台4核8G的机器就够了。

我的建议

如果你在团队里负责选型设计工具，Penpot值得认真评估。尤其是以下几种情况：

• 对数据安全有硬性要求，需要自部署
• 团队设计-开发流程需要更紧密的协作
• 想在AI工作流里集成设计环节
• 不想被SaaS厂商绑定

如果只是自己做点个人项目，Figma的免费版也够用。但涉及团队协作和数据自主权，Penpot目前是开源方案里一个比较成熟的选择。

47,000多个Star反映了社区对这个方向的认可。Kaleidos这家公司把Penpot做得比较扎实，社区也活跃。对开源设计工具的生态来说，这是一个积极的信号。

user-attachments/assets/0abc02f0-625c-45ab-ad81-4927bec7a055" />