Google Stitch 对比 Figma Make
Google Labs 的免费无限画布 vs 集成在 Figma 套件内、按座位与积分计费的 AI。
最后更新: 2026 年 4 月
核心差异
- 1计费模型 — Stitch 完全免费；Figma Make 在 Figma 座位费之上按积分计量。
- 2产出形态 — Stitch 生成 HTML/CSS，可粘贴到任何项目；Figma Make 输出原生 Figma 帧，接入 Supabase 后还能生成可部署 Web 应用。
- 3多屏一致性 — Stitch 一次可生成最多 5 屏互通的界面，共享同一套设计系统；Figma Make 也能生成多屏，但跨屏常需手动重做。
- 4开发者交付 — Stitch 提供 MCP 服务器 + SDK，直接对接 Claude Code/Cursor；Figma Make 走 Figma Dev Mode 与 Code Connect。
- 5生态 — Figma 带来插件、组件库、团队库；Stitch 带来 Gemini 3.0 Pro 的生成质量与面向 AI 的 DESIGN.md 交付格式。
功能逐项对比
| 维度 | Google Stitch | Figma Make |
|---|---|---|
| 发布 / 重大更新 | I/O 2025 · 2026 年 3 月 19 日重大更新 | Figma Make（2025）· 2026 年积分体系改版 |
| 价格 | Google 账号即可免费使用 | 座位费（$3–$90/人/月）+ AI 积分 |
| 免费额度 | Flash 350 + Pro 200 = 550 次/月 | Starter 500 积分；每日 150 积分上限 |
| 单次成本 | 1 次生成 | 每次运行 30–100+ 积分 |
| AI 模型 | Gemini 3.0 Flash / 3.0 Pro | Figma 自托管的多模型栈 |
| 主要产物 | HTML + CSS · Figma 粘贴 · DESIGN.md | Figma 帧 + 代码；Supabase 支撑的 Web 应用 |
| 多屏生成 | 最多 5 屏连通 + 交互预览 | 可做，但跨屏一致性需手动维护 |
| 语音输入 | Voice Canvas（Vibe Design） | 非一等特性 |
| 开发者集成 | MCP 服务器、Stitch SDK、Claude Code/Cursor | Dev Mode、Code Connect、插件 API |
| 设计系统保真度 | 发展中 — 通过 DESIGN.md 与变体 | 成熟 — 原生组件、库、变量 |
| 访问方式 | stitch.withgoogle.com | figma.com/make（在 Figma Full 座位内使用） |
工作流与交付
Stitch 擅长早期探索闭环：描述应用 → 生成 5 屏 → 播放原型 → 分支变体 → 通过 MCP 把任务交给 Claude Code 或 Cursor 生成框架代码。Figma Make 的强项在于：你已经在 Figma 工作 — 它在 Actions 菜单就能调用、直接编辑原生帧，接入 Supabase 后甚至能从画布里直接跑出可部署的 Web 应用。
价格与额度
Stitch 的账单很简单：一个 Google 账号 = 每月 350 次标准（Flash）+ 200 次实验（Pro）生成，按月重置，无需信用卡。Figma Make 的成本则由三层叠加：Figma 付费座位（Starter $3 到 Enterprise $90/人/月）、每月 AI 积分（Starter 500，Enterprise 4250）、可选积分包（$120/5000 · $180/7500 · $240/10000）。考虑到每次生成消耗 30–100+ 积分，重度使用在小套餐上会很快见底。
如何选择
什么时候选 Google Stitch
你想要零成本入门、正在探索早期想法、需要一次生成多屏流程、偏好导出干净的 HTML/CSS（可选再粘到 Figma），或者交付目标是 Claude Code、Cursor 这类通过 MCP 对接的 AI 编码代理。
什么时候选 Figma Make
团队已经在为 Figma 付费；设计师依赖 Figma 的组件库、变量、Dev Mode；需要输出可编辑的 Figma 帧而非 HTML；或者你想不离开 Figma 画布，就从 Supabase 路径跑出一个可部署的 Web 应用。
最终建议
Stitch 是 2026 年进入 AI UI 设计最好的免费起点。Figma Make 则是当 Figma 已经是你真相之源时的最佳选择。很多团队两者并用：Stitch 负责快速探索与变体、Figma Make 在设计师交付的文件里做精修。
常见问题
Google Stitch 真的完全免费，而 Figma Make 要付费吗？
是的。Google Stitch 只要 Google 账号即可免费使用 — 每月 350 次标准模式（Gemini 3.0 Flash）+ 200 次实验模式（Gemini 3.0 Pro）生成。Figma Make 随 Figma Full 座位赠送，但每月消耗 AI 积分，Starter 和 View 座位还有每日 150 积分上限。
Stitch 可以直接导出到 Figma 吗？
可以 — 标准模式支持把设计粘贴进 Figma 成为可编辑图层。实验模式（Gemini 3.0 Pro）目前不支持 Figma 粘贴；若要交付到 Figma 文件，请使用标准模式。
哪个工具的多屏流程更好？
Stitch 在 2026 年 3 月的重大更新中围绕多屏生成重构，能一次产出最多 5 屏连通的界面，共享同一套设计系统，并提供可点击的 Play 原型。Figma Make 也能生成多屏，但结构一致性往往要靠手动重做。
Figma Make 也像 Stitch 一样生成代码吗？
Figma Make 同时产出设计与底层代码，包括交互逻辑。接入 Supabase 后甚至能生成可部署的 Web 应用。Stitch 导出 HTML/CSS，并通过 MCP 交给 AI 编码工具产出框架特定代码，而不是就地生成应用。
两者能一起用吗？
完全可以。2026 年一个常见工作流：在 Stitch 里生成初稿和多个变体 → 把最中意的方向粘到 Figma → 用组件与 Figma Make 做交互打磨 → 最后走 Dev Mode 交付给开发。