替代方案 · Figma Make
最好的 Figma Make 设计替代方案。
Open Design 是 Figma Make 的开源、本地优先替代方案 —— 你自己的编码 agent、你自己的密钥、你自己的文件，以及一份留在你仓库里的可迁移设计系统，没有 Figma 云端锁定，也没有额度计量表。
Figma Make 是 Figma 的「提示词转应用」工具（figma.com/make）：你描述一个应用 —— 或关联一张已有的 Figma 画板作为事实来源 —— 它就生成一个可运行、可交互的 React + TypeScript Web 应用，你在 Figma 画布上通过对话、点选编辑、点选提示来打磨它。它于 2025 年 7 月 24 日正式公开可用，由 Anthropic 的 Claude Sonnet 驱动，并能在你的提示词需要时接好一个 Supabase 后端（认证、Postgres、存储）。对于本就在 Figma 里工作的设计师来说，它是从一张画板到可点击、可发布成品的最短路径。
问题在于这一切都跑在哪里。Figma Make 只在 Figma 托管的云端运行，创作需要付费的 Full 席位，而且每一个有意义的操作都要消耗每月重置、不结转的 AI 额度 —— 生成一个完整应用可能花掉 100+ 额度，而撤销从不退还。本页专门对比 Figma Make —— 而非整个 Figma（那部分请看 Open Design vs Figma 对比页）—— 对手是 Open Design，一个开源（Apache-2.0）、本地优先的设计 agent，由你自己的编码 agent 驱动。我们如实肯定 Figma Make 真正出色的地方，也明确指出它「仅限云端、席位卡点、额度计费」的模式在哪里把团队推向别处。
01
什么是 Figma Make
Figma Make 是 Figma 内置的 AI 子产品（figma.com/make），自 2025 年 7 月 24 日起正式公开可用，由 Claude Sonnet 驱动 —— 它不是一个独立的应用构建器。你写一段提示词，或关联一张真实的 Figma 设计/画板，它就生成一个在 Figma 沙箱运行时里渲染的实时 React/TSX 应用。你以 Figma 的方式迭代：用对话改变行为、点选某个元素并仅针对该元素提示，或在画布上手动编辑。当提示词涉及数据时，它会提议添加一个 Supabase 后端 —— 邮箱/密码与魔法链接认证、社交登录、Postgres 数据库、文件存储、Edge Functions —— 通过你自己的 Supabase 项目连接。
产出仅限 React + TypeScript —— 没有 Vue、Svelte 或其他框架。你可以把代码带走（下载 ZIP 或推送到 GitHub 仓库），也可以不离开 Figma 直接发布：作为团队模板、密码保护的内部 URL，或公开部署。同一个引擎还通过「Code Layers」给 Figma Sites 供能 —— 在画布上画一个 code layer（Make 工具，快捷键 E），Make 就用 React 把它填充起来，你可以编辑它，或用 npm 包扩展它。
在商业层面，Make 建立在 Figma 的席位 + 额度模式之上。创作需要付费的 Full 席位（Dev 和 Collab 席位只有试用权限），而且 AI 用量是计量的：调整一处字体可能花掉 30+ 额度，生成一个完整应用要 100+ 额度，而每月配额不结转。自 2026 年 3 月 18 日起，这些席位级别的额度上限开始强制执行，超额按量付费约 $0.03/额度。本页讲的是 Figma Make 本身；如果想完整迁出 Figma 这款设计工具，请看 Open Design vs Figma 对比页。
- 运行位置：仅限 Figma 托管的云端 —— 没有本地模式、不能自托管、没有私有化部署选项
- 你需要什么：一个付费的 Figma Full 席位才能创作；队友也需要席位才能打开并运行这个应用
- 它产出什么：React + TSX，可导出为 ZIP 或推送到 GitHub；后端仅 Supabase
- 它要花多少钱：Full 席位（约 $16–$90/人/月）外加 AI 额度 —— 500–4,250/月，每月重置、不结转，撤销不退还
02
Open Design vs Figma Make，逐项对比
| 功能 | Open Design | Figma Make |
|---|---|---|
| 许可证 | Apache-2.0，全部源码在 GitHub 上 | 专有 / 闭源 |
| 运行位置 | 本地优先，你自己的机器和仓库 | 仅限 Figma 云端（沙箱运行时） |
| 账号 / 席位 | 无需 —— 克隆仓库即可运行 | 需付费 Figma Full 席位才能创作（Dev/Collab = 仅试用） |
| 定价模式 | 免费运行；自付你自己的模型服务商（BYOK） | Full 席位约 $16–$90/人/月，外加按量计费的 AI 额度 |
| AI 用量上限 | 不设限 —— 只受你自己密钥的约束 | 额度 500–4,250/月，每月重置，不结转；撤销 ≠ 退还 |
| AI 模型 | 任意，通过你的编码 agent | Anthropic Claude Sonnet（固定） |
| 产出与可迁移性 | 你仓库里的文件 —— UI、组件、设计系统 | React/TSX，ZIP 或 GitHub；运行中的应用留在 Figma |
| 自托管 / 私有化部署 | 支持 —— 完全本地 | 不支持 —— 仅限 Figma 云端 |
| 后端 | 任意 —— agent 针对你的技术栈写代码 | 仅 Supabase（认证、Postgres、存储） |
| 托管 / 发布 | 你自己的基础设施 / 你想部署到哪里都行 | Figma 托管：模板、密码 URL、公开、Figma Sites |
| 设计系统 | 可迁移的 DESIGN.md，每个 skill 都遵循 | Figma 库 + Make Kits，绑定在 Figma 上 |
| 代码所有权 | 文件完全归你所有，在 git 里 | 可导出；但要达到生产可用需要重建 |
Figma Make 真正赢在哪里：如果你的团队本就在 Figma 里工作，它在「头一公里」上很难被超越。你可以关联一张真实、已有的 Figma 画板作为事实来源 —— 而不必用文字重新描述它 —— 不离开画布、不打开 IDE 就能得到一个可点击的 React 应用。对话 / 点选编辑 / 点选提示的循环对设计师确实友好，一键发布（内部密码 URL 或公开部署）和 Figma Sites 的「Code Layers」路径能在几分钟内把一个原型变成可共享、甚至可上线的成品，而 Supabase 集成则让你不必搭后端就拥有真实的认证和 Postgres 数据库 —— 足以端到端地验证一个想法。Open Design 则转而为所有权、开放和掌控做优化 —— 开源、本地优先，产出是你拥有的文件。
03
团队为什么要找 Figma Make 替代方案
如果想留在 Figma 里，Figma Make 很合适。但当「仅限云端、席位卡点、额度计费」的模式开始碍事时，团队就会开始找替代方案。
- 应用跑在 Figma 云端，而不是你的仓库里: Make 可以给你一个 React/TSX 的 ZIP，但运行中的应用 —— 它的预览、发布目标、Supabase 接线 —— 都活在 Figma 的运行时里、藏在 Full 席位背后。导出给你的是源码，不是开箱即部署的成品；评审者会指出过度的 div 嵌套、薄弱的错误处理，以及需要大量重建的架构。在 Open Design 里，产出本身就是成品 —— UI、组件和设计系统都以文件形式落到你自己的仓库里，就在你的构建与 CI 所在的地方。
- AI 用量是计量的，而计量难以预测: 在 Figma 自己的论坛上，最响亮的抱怨就是额度：团队在大约 100 次提示里、一天就烧光每月 3,000 的全部额度，而其中大多数都花在修补不完美的产出上 —— 恰恰是这个工具赖以工作的迭代。撤销会回滚你的文件，却从不退还额度，而且你在撞上上限之前根本无法预测它。Open Design 是 BYOK：带上你自己的模型密钥，直接付费给你的服务商，迭代成本透明且无上限。
- 创作被付费 Full 席位卡住: View 或 Dev 席位无法在 Make 里构建 —— 仅仅为了创作，你就需要一个付费的 Full 席位（约 $16–$90/人/月），还要再加额度。对于工程师、PM 或外包想生成 UI 的团队来说，这是在任何人写下一段提示词之前就竖起的按人头收费的墙。Open Design 是 Apache-2.0 许可、免费运行；任何拿到仓库副本的人都能驱动它。
- 它在设计上就是闭源且仅限云端: Make 只在 Figma 托管的云端运行 —— 没有自托管、没有本地模式、没有私有化部署选项，对于有「代码不能出大楼」政策或物理隔离要求的团队来说这是一道硬墙。Open Design 开源且本地优先：它跑在你自己的机器上，你的代码无需碰任何第三方运行时，而且你可以精确审计 agent 究竟做了什么。
04
本地优先 + BYOK，详解
本地优先意味着 agent 跑在你自己的机器上、针对你的仓库工作，而产物 —— 组件、页面、token、设计系统 —— 都以你掌控的文件形式提交。不需要任何托管工作区一直活着，也不需要任何 Full 席位一直付费，你的成果才得以存在。
BYOK 意味着你把 Open Design 指向你已经信任的编码 agent（Claude Code、Codex、Cursor、Gemini、OpenCode、Qwen），用你自己的密钥。你来挑选模型、直接付费给你的服务商，产出和驱动它的引擎都归你所有 —— 中间没有额度计量表。
对这个理念还不熟悉？读一读什么是 vibe design，浏览插件与设计系统库，查看所有 Open Design 对比 —— 包括 Figma 和 Lovable —— 或者下载 Open Design。
05
你该选哪个
按你实际想做的事，快速判断该选哪个：
| 如果你想要… | 最佳选择 |
|---|---|
| 产出是你自己仓库里的文件，完全归你所有 | Open Design |
| 开源、可审计、可自托管 / 本地 | Open Design |
| 没有按席位付费的墙，也没有 AI 额度上限 | Open Design |
| 自由使用任意模型和任意编码 agent（BYOK） | Open Design |
| 关联一张已有的 Figma 画板并留在画布上 | Figma Make |
| 一键托管发布 + Figma Sites 集成 | Figma Make |
| 一个内置 Supabase 认证、由设计师主导的快速原型 | Figma Make |
06
从 Figma Make 迁移到 Open Design
从一个 Figma Make 原型走到 Open Design 工作流：
- 安装你的编码 agent（Claude Code、Codex、Cursor、Gemini、OpenCode、Qwen）并加上你自己的模型密钥 —— 不需要 Figma 席位，不需要额度。
- 把 Open Design 指向你的仓库；它在本地运行，把生成的 UI、组件和代码写到你的构建与 CI 已经所在的地方。
- 把你的品牌一次性沉淀进一份可迁移的 DESIGN.md；每个 skill 都遵循它，所以产出从第一次生成起就符合品牌调性。
- 向 agent 提示，把变更当作版本控制里普通的文件来审查，然后部署到你自己的基础设施上 —— 没有云端运行时、没有额度计量表、不用「先导出再重建」。
如果想更全面地迁出 Figma 这款设计工具，请看 Open Design vs Figma 对比页。
FAQ
常见问题
-
01 Figma Make 多少钱？
创作需要付费的 Figma Full 席位（Professional 约 $16/人/月，Enterprise 最高 $90），外加按操作计量的 AI 额度。额度配额从 500/月（Starter）到 4,250/月（Enterprise）不等，每月重置、不结转；生成一个完整应用可能花掉 100+ 额度。Open Design 免费运行 —— 你只需通过自己的密钥付费给你自己的模型服务商。
-
02 我能自托管 Figma Make 或在本地运行它吗？
不能。Figma Make 只在 Figma 托管的云端运行 —— 没有本地模式、自托管或私有化部署选项。Open Design 本地优先，完全在你自己的机器上运行。
-
03 用 Figma Make 需要付费的 Figma 席位吗？
需要。在 Make 里创作需要付费的 Full 席位；Dev 和 Collab 席位只有试用权限，View 席位则无法创作。Open Design 不需要任何账号或席位 —— 克隆仓库，用你自己的编码 agent 跑起来即可。
-
04 我能导出 Figma Make 生成的代码吗？
可以 —— 把 React/TypeScript 应用下载为 ZIP，或推送到 GitHub 仓库。但有个前提：导出的是源码，不是开箱即部署的成品，而且运行中的应用和 Supabase 接线仍然绑在 Figma 的运行时上。用 Open Design，产出从一开始就是你仓库里的文件。
-
05 Open Design 是开源的吗？
是 —— Apache-2.0、本地优先、BYOK，用你自己的编码 agent（Claude Code、Codex、Cursor、Gemini、OpenCode、Qwen）和你自己的模型密钥。Figma Make 是专有闭源的。
-
06 Open Design 和 Figma 有关联吗？
没有。Open Design 是一个独立的开源项目，与 Figma 无关联，也未获其背书。Figma 和 Figma Make 是 Figma, Inc. 的商标；本页是一份无关联第三方的对比。
拥有你的产出 —— 从提示词到仓库。
Figma Make 是从一张 Figma 画板到一个托管原型的最快路径 —— 前提是你在 Full 席位背后创作、花掉 AI 额度，并把运行中的应用留在 Figma 云端。Open Design 走的是另一条路：开源、本地优先，用你已有的编码 agent 和密钥来驱动它，每一次生成都以文件形式落到你自己的仓库里、归你所有。