6 万 Star 的开源设计工具，我留着当 Figma 的备选
2026-09-29 · 关于 penpot
我做界面不画设计稿，直接把代码写出来。
听着挺省事，其实不是。我手上从来没有一份「设计」，全在代码里，改起来只能靠嘴说：卡片的间距收紧一点，按钮的主色再深一点。
说完等 AI 改，刷新，看，不对，再说一遍，一轮一轮磨。我的描述有偏差，它的理解也是，中间隔着两层猜。
缺的是一个能放设计的地方。
后来翻到一个叫 Penpot 的项目，六万颗星。
转折点不在他们手里
2022 年 9 月，Adobe 宣布用两百亿美元收购 Figma。
Penpot 的创始人说，消息出来之后那个月，他们的注册量涨了 5600%。在那之前是每月 40% 的增长。这一下翻了两个数量级，此后再没回落。同一个月里，要求私有部署的请求涨了 400%。
那一个月涌进来的人，未必真打算搬家。他们只是忽然发现，自己手上那堆设计稿，全挂在一家公司的账本上。
那两百亿最后没成交，但消息出来的那一个月，它顺手把第二名送上了天。
之后钱跟着来了：2022 年 9 月 800 万美元，2023 年 2 月又加 1200 万，估值翻了一倍；今年 7 月，连西班牙政府的 SETT 都投了进来，官方说法是「技术主权」。
它长什么样
左边是图层树和资源库，中间是画布，右边是属性面板。跟 Figma 的布局基本一样。右边三个页签是 DESIGN、PROTOTYPE、INSPECT，对应设计、原型和交付。交付那个页签是给前端看的，元素对应的 CSS 直接写好摆在那儿。
布局用的就是 CSS 的 Flex 和 Grid。你在里面设的自动布局和间距，给出来的代码就是 display: flex 加 gap。这一点我觉得比界面像不像 Figma 重要。协作、评论、版本历史、共享组件库，该有的都有。
它的文件是 JSON，这一层比功能重要
Penpot 的数据模型里，一个图形就等于一个 SVG 节点。它画的时候用的就是网页本来就认的那种矢量格式，导出不用另外翻译一遍，也就少一层走样。
设计稿的另一面是 CSS
左边那一栏是「令牌」。什么东西可以做成令牌？颜色、字号、间距、圆角，命名存起来，元素去引用它，改一处全跟着变。
它用的是 W3C 那套标准的 JSON 格式，能导出也能导入。换工具的时候，令牌能跟着走，这是我在意的。
它的原生文件也能拆开看
原生文件后缀是 .penpot，它是个 zip，解开是 JSON 加二进制素材。官方给这个格式的说明是 open、inspectable、interoperable、versioned，开放、可检视、可互通、有版本。
AI 这一代，它没落下
今年 5 月，Penpot 加了一个 MCP 服务。Claude、Cursor、VS Code、Codex 这些客户端，可以读你的设计文件，也可以直接改。
但这不是它的优势。Figma 也有 MCP，免费档就能用，接的是同一批客户端，甚至能直接往画布上写。那差别在哪？Figma 自己的文档写着，往画布上写现在是 beta 免费，以后改成按量计费，收多少它说了算。
Penpot 这边，文件是 JSON，格式公开，MCP 服务开源，你可以自己部署一份，全程不经过别人的服务器。
自部署免费，而且那份是完整的
起来就三步：
# 1. 下载官方 compose 文件
BASE=https://raw.githubusercontent.com/penpot/penpot/main
curl -o docker-compose.yaml $BASE/docker/images/docker-compose.yaml
# 2. 起来
docker compose -p penpot -f docker-compose.yaml up -d
# 3. 打开 http://localhost:9001不限用户、不限团队、不限文件数，整套服务都写在那一份 compose 文件里。官方文档说 4 核 16G 够几千人用。真要放到服务器上，记得先把那行 PENPOT_SECRET_KEY 改掉。
不想自己维护的话它有云版：免费档 $0，八人以内、10G 存储、功能是全的；再往上 $7 一个编辑者一个月，封顶 175 美元。
免费不是重点。开源项目里免费是最廉价的卖点。我关心的是免费那个版本完不完整，答案是完整。
不开放的只有企业版那层管理功能，SSO、审计日志、权限、多组织。核心功能开源、管理层收费，这条线划得清楚。
它适合谁，不适合谁
我建议三种人看它一眼。第一种，你已经被订阅制绑住了：五个人一年下来，席位费就是笔真钱，买的还只是租用权。第二种，你的设计稿不能放在别人的服务器上：还没发布的东西，或者机器根本不联外网。第三种，你要把设计接进自己的流水线：MCP 服务就在它的开源仓库里，你能改，也能自己部署。
反过来，有三种情况它不合适。
它的性能是有问题的，这也是我最介意的地方。官方自己的说法是，大文件上已经撑不住。他们 2026 年 6 月上了 WebGL 渲染，现在还是 beta——在改，但没改完。
它跟 Figma 之间没有一键搬家。 Penpot 不直接读 .fig 文件。官方给的路径是装一个 Figma 那边的导出插件，导出再导进去。那插件自己列了限制：原型交互不支持迁移，大文件也慢。手上攒了一堆历史文件的，搬起来是体力活。
生态还在长。 它的官方资源站叫 Penpot Hub，插件 125 个，素材库和模板 120 个。
跟 Figma 的插件市场比，这个数量是零头。能用的东西还少，但至少已经在长了。
另外几个小的：没有官方桌面客户端；文字不能转成路径，别人打开你的设计稿时字体不一定对得上；未关闭的 issue 有 700 多个，它一直在更新，也一直在收拾问题。
最后
一个行业只剩一个选择的时候，规则、价格、你能拿自己的文件干什么，就全是那一家公司说了算。2022 年 Adobe 要买 Figma 的那阵子，很多人第一次认真给自己找后路。
开源替代品的价值不在于它更好。它存在，本身就是你手里的一条退路——哪怕你一次都不用。
项目地址
https://github.com/penpot/penpot