写给交付 HTML 的设计师：Figma 替代品盘点
多数 Figma 替代品只是复制了画布，少数改变了画布的构成。如果你的设计最终要变成网站，下面是主流选择的对比。
为什么有人在找 Figma 替代品
我们最常听到的理由很简单：开源许可证、文件保存在自己的电脑上、没有关键限制的免费版，或是更贴近代码的工作流。
最后一点正是本文存在的原因。在大多数设计工具中，画布是一幅矢量图，浏览器根本看不到它。总得有人把每个画框用 HTML 和 CSS 重写一遍，再修补转换中丢失的细节。
简要对比
| 工具 | 开源 | 设计方式 | 智能体与 MCP | 文件存放位置 |
|---|---|---|---|---|
| Figma | 否 | 矢量画布 | MCP 服务器，画布写入处于测试阶段 | Figma 云端 |
| Penpot | 是 | 采用 CSS Flex 和 Grid 布局的画布 | 开放的 MCP 服务器 | Penpot 云端或自托管 |
| Paper | 未公布许可证 | HTML 和 CSS 画布 | MCP，免费版每周 100 次工具调用 | Paper 工作区，网页版和桌面版 |
| OpenDesign | 是，Apache-2.0 | 提示词优先，由智能体编写 HTML 原型 | 配合编程智能体使用 | 本地文件夹 |
| Kalka | 是，MIT | Figma 风格画布，每个图层都是 HTML | 内置本地 MCP，不限用量 | 本地文件夹，Git |
Penpot
Penpot 是知名度最高的开源替代品。它在浏览器中运行，可以自托管，免费版不限文件数和席位。它的布局遵循 CSS Flex 和 Grid，检查面板可以输出 SVG、CSS 和 HTML 代码。它还提供开放的 MCP 服务器，并可通过 Penpot Exporter 导入 Figma 文件。
适合你，如果你想要一款成熟的开源工具，整个团队今天就能用，还能自托管。
Paper
Paper 的理念与 Kalka 最接近：画布是 HTML 和 CSS，智能体通过 MCP 在上面读写。它有网页版和桌面版，能与代码库同步令牌和组件，并可导出 HTML 和 CSS。免费版每周包含 100 次 MCP 工具调用。Pro 版每位编辑者每月 $16，按年计费（按月付费为 $20），调用次数提升到一百万次。
适合你，如果你现在就想要 HTML 画布，背后有融资团队支持，并且不介意使用闭源的托管工具。
OpenDesign
OpenDesign 是开源的（Apache-2.0），工作方式不同：你选择一套设计系统，描述你的界面，然后由 Claude Code、Codex 或 Cursor 等编程智能体写出 HTML 原型。之后你可以移动、缩放元素并修改颜色。项目是本地文件夹中的 HTML 和 CSS 文件。使用自己的 API 密钥时桌面应用免费，付费套餐额外提供托管模型积分。
适合你，如果你更想从一段提示词开始，而不是从空白画布开始。
Kalka
Kalka 是我们正在打造的工具。它保留了你熟悉的 Figma 界面，但画布上的每个画框、图层和阴影都是真正的 HTML 元素，用真正的 CSS 设置样式，由浏览器排版。你的项目就是一个普通文件夹，可以用任意代码编辑器打开，用 Git 做版本管理。内置的 MCP 服务器让任何智能体都能在画布上读取和绘制，本地运行，不限用量。你也可以把现有作品带过来：Kalka 支持导入 .fig 和 .pen 文件。
Kalka 正在开发中，基于 MIT 许可证开源。开发过程中的每一步我们都会在 X 上分享。
适合你，如果你想延续现在的方式亲手设计，同时省掉用代码重做的环节。
如何选择
- 你现在就需要稳定可用的开源工具：Penpot。
- 你现在就想要 HTML 画布，且不需要开源：Paper。
- 你更愿意写提示词而不是动手画：OpenDesign。
- 你想要 Figma 的使用习惯、底层是真正的 HTML，文件归自己所有：加入 Kalka 候补名单。