title: "设计工具的竞争维度变了：有人在租画布，有人在把画布变成代码" description: "55K 星的 Penpot 不只是 Figma 替代品——它用 CSS Grid 重写了设计到代码的翻译规则，用 MCP 协议让 AI 直接参与设计，用自托管拿回了数据主权。但大项目卡顿、自托管版本滞后、Clojure 性能争议，这些代价你必须知道。" tags: ["Penpot", "Figma", "开源设计工具", "CSS Grid", "MCP", "自托管", "设计系统"]
设计工具的竞争维度变了：有人在租画布，有人在把画布变成代码
你见过交响乐团只演奏乐谱、从不排练就上台的吗？
现在的设计工具生态就是这种状态——设计师在 Figma 里画完"乐谱"，程序员拿到手还得重新"排练"一遍：量间距、猜圆角、对齐像素。一个 8px 的圆角能吵到产品经理拉会，一个 16px 的间距能让前端重构组件。
这不是谁的问题，是工具的问题。设计稿和代码之间，缺的不是更精确的标注，而是一种同源语言。
一场从"翻译"到"直出"的范式转变
Penpot 做了一件别的工具都没做的事：设计稿直接就是 CSS Grid 和 Flex 布局。
不是"类似"，不是"接近"，是原生。你在 Penpot 里拖拽出来的布局，底层就是 CSS Grid；你拉的弹性容器，就是 Flexbox。程序员点一下"检查模式"，拿到的不是一张需要翻译的图，而是能直接粘贴进项目的 CSS 代码。
这意味着什么？设计师画出来的东西，行为和真实网页一模一样——响应式、弹性、断点，全都在设计阶段就已经确定了。不需要"设计稿和实现不一致"这个环节，因为设计稿本身就是实现。
Penpot 的用户数从 2023 年初的 25 万飙升到 2026 年初的 150 万，3 年翻了 6 倍。GitHub 上 55,172 颗星、330 位贡献者、每周 125 次 commit——这不是一个"玩具项目"，这是一个在高速进化的基础设施。
不只是"开源版 Figma"——三个它独有的武器
武器一：Design Tokens——设计系统的"宪法"
Figma 也有变量，但 Penpot 的 Design Tokens 是原生级的。主色、字体、按钮样式，定义一次，全项目同步。设计师改一个 Token 值，所有页面和代码同步更新——不是"建议更新"，是强制同步。这把设计系统从"文档约定"升级成了"代码约束"。
武器二：MCP 协议——AI 直接参与设计
这是最被低估的能力。Penpot 通过 MCP（Model Context Protocol）服务器，让 AI 助手能直接读写设计稿。你可以让 AI 生成布局、自动调整间距、甚至把一段 HTML 代码反向转成设计稿。设计和 AI 之间不再是"复制粘贴 Prompt"的关系，而是双向实时协作。
武器三：自托管——数据主权归你
Figma 的数据在 Figma 服务器上。Adobe 收购 Figma 的消息一出，多少团队连夜研究迁移方案？Penpot 支持 Docker 一键部署到自己的服务器，数据完全归自己管。对金融、医疗、政府这些合规要求严格的行业，这不是"加分项"，是准入条件。
代价清醒：55K 星不代表没有坑
大项目会卡。 Penpot 社区论坛里，"Performance issues with self-hosted Penpot on big projects"是高频帖。组件多了、页面复杂了，UI 就开始掉帧。有人反馈"导入参考图就卡到没法工作"，"组件不能自动更新"。Clojure 作为主语言（占代码量 74.5%），在 HN 上被直接质疑："ClojureScript 可能是所有编译到 JS 的语言里效率最低的，再怎么优化也追不上 Figma 的 C++ 引擎。"
自托管版本滞后。 GitHub Issue #5500 明确指出：自托管版本的 Docker 镜像比云版本晚将近一个月才更新。你选了自托管，就得接受新功能和 Bug 修复的延迟——除非你自己构建容器镜像。
插件生态差距。 Figma 有上千个插件，从自动标注到设计系统管理到无障碍检查。Penpot 的插件系统刚起步，如果你是"插件重度用户"，迁移过去会明显感到功能断层。
没有 FigJam。 Figma 的白板工具 FigJam 在头脑风暴阶段非常好用，Penpot 目前没有对标产品。设计流程的早期阶段——用户研究、信息架构、流程梳理——你还得找别的工具。
竞品横评：谁在什么场景该用什么
| 维度 | Penpot | Figma | Sketch | Lunacy |
|---|---|---|---|---|
| 价格 | 免费/自托管 | $15/月起 | $99/年买断 | 免费 |
| 代码直出 | ✅ CSS Grid/Flex 原生 | ❌ 需插件 | ❌ 需插件 | ✅ 有限支持 |
| 自托管 | ✅ Docker/K8s | ❌ | ❌ | ❌ |
| AI 集成 | ✅ MCP 协议 | ⚠️ 有限 | ❌ | ✅ 内置 AI |
| 插件生态 | 🟡 起步中 | ✅ 1000+ | ✅ 丰富 | 🟡 有限 |
| 大项目性能 | 🟡 有卡顿报告 | ✅ C++ 引擎 | ✅ 原生 macOS | ✅ 原生 |
| 协作 | ✅ 实时 | ✅ 实时 | 🟡 需 Craft | 🟡 有限 |
| 设计 Tokens | ✅ 原生 | 🟡 变量系统 | 🟡 需插件 | ❌ |
| 开源 | ✅ MPL-2.0 | ❌ | ❌ | ❌ |
一句话选型：小团队+重视代码直出+预算有限 → Penpot；大团队+插件依赖+不在乎月费 → Figma；macOS 原生党+不协作 → Sketch；个人+偶尔设计+要免费 → Lunacy。
自托管部署配置参考
如果你决定把 Penpot 装到自己服务器上，这是实测可用的配置：
| 配置项 | 最低要求 | 推荐配置 |
|---|---|---|
| 处理器 | 2 核 | 4 核+ |
| 内存 | 4 GB | 8 GB+ |
| 硬盘 | 20 GB SSD | 50 GB+ SSD |
| Docker | 20.10+ | 24.0+ |
| 网络 | 需访问公网（首次部署） | 配合 Nginx 反代 + SSL |
⚠️ 注意：首次部署需要访问 raw.githubusercontent.com 拉取配置。如果你的服务器在内网/无外网环境，需要提前下载好配置文件和 Docker 镜像再离线部署。社区里已经有人踩过这个坑。
趋势判断：设计工具的下一个竞争维度
Figma 用 C++ 引擎赢了性能，用插件生态赢了功能广度。但 Penpot 瞄准的是另一个维度：设计到代码的零损耗转化。
当 AI 能通过 MCP 协议直接操作设计稿，当 Design Tokens 让设计系统变成代码级约束，当 CSS Grid 让设计稿和网页行为完全一致——"设计稿"和"代码"之间的那堵墙，正在被从根上拆掉。
这不是"开源替代闭源"的故事，这是**设计工具从"画布"进化为"编译器"**的故事。画布只能看，编译器能跑。
Penpot 还不完美——性能、插件、版本滞后都是真实的代价。但 55K 星和 150 万用户说明了一件事：有足够多的人愿意用"还不够完美"换"不再被绑架"。
暂无评论。