Google Stitch vs Figma Make：AI 设计对比

先说结论

Google Stitch、Figma Design 和 Figma Make 都能用 AI 或自然语言参与界面设计，但它们解决的是不同阶段的问题。

Stitch 更像 AI 起稿器：输入描述，快速生成完整页面方向，适合在还没有设计稿时探索。
Figma Design 是专业设计工作台：负责精确编辑、组件与变量、设计系统、多人协作、原型和开发交付。
Figma Make 是 Figma 的 AI 生成层：用 prompt 生成可交互的原型或 Web App，并能带着 Figma 设计上下文继续编辑。

最务实的关系不是“谁替代谁”，而是：Stitch 负责快速探索，Figma Design 负责精修和团队协作，Figma Make 负责把方向推进成可交互的原型或代码。

先把三个产品分清楚

Google Stitch 是 Google Labs 的 AI UI 设计工具。官方文档把它定位为一个从想法到界面的设计画布：支持文本或图片生成 UI、Design Modes、1–5 个变体、Creative Range、Design to Prototype，以及 HTML 和图片导出。它还通过 DESIGN.md、MCP、CLI 和 Agent Skills 把设计上下文交给后续的 Coding Agent。

Figma Design 是 Figma 的核心设计产品，官方描述是“在一个地方设计和制作原型”。它提供矢量编辑、自动布局、组件、变量与模式、设计系统、多人实时协作、评论、原型、Dev Mode、插件与社区生态。

Figma Make 是 Figma 的 AI 产品，官方定位是“prompt to code anything you can imagine”。它生成的是代码驱动、可视化可编辑的原型或 Web App，支持带入 Figma 设计、组件、Make kits、附件和 MCP connectors，也支持 Plan mode、自定义 skills、评论、版本历史和发布网站。

Stitch 和 Figma Make 都会“根据描述生成界面”，但 Stitch 更偏 UI 方向探索，Figma Make 更偏可交互原型和代码化产物。

核心差异

维度	Google Stitch	Figma Design / Figma Make
核心定位	AI UI 生成与快速探索	专业设计工作台 + AI 生成层
形态	Web	桌面端、Web、移动端
文生 UI	强，提示词优先	Figma Make 强，偏可交互原型/应用
设计控制	基础，重点是生成	Figma Design 提供完整矢量、自动布局、组件和变量
设计系统	DESIGN.md 与设计上下文	组件、变量、模式、团队库、设计系统治理
团队协作	有限，偏个人探索	多人实时协作、评论、权限、评审
原型	Design to Prototype，检查交互状态	Figma Design 的高级原型、动画、变量和条件逻辑
设计到代码	HTML 导出，可转 React/Vue 等；DESIGN.md、MCP/CLI/Skills	Dev Mode、代码图层、MCP Server；Figma Make 直接生成代码化原型
插件与生态	较轻	Figma Community、插件、模板、UI kits
价格	目前免费	Starter 免费；付费席位与 AI credits
学习曲线	极低，输入即可	Figma Design 中等偏高；Figma Make 较低但需要审查输出

AI 生成：Stitch 更快，Figma Make 更工程化

Stitch 的优势是“少一步”。你不需要先学一套设计软件，输入一句描述就能得到完整页面，再通过连续提示词调整布局、颜色和信息密度。

Stitch 还提供多种 Design Mode：Thinking with 3 Pro 适合复杂逻辑和更严谨的界面，Redesign 适合把旧界面改成特定风格，2.5 Pro 适合高保真 HTML 和 A/B 对比，Fast 适合快速线框和导出 Figma 精修。它一次可以生成 1–5 个变体，并用 Creative Range 控制偏离当前设计的程度。

Figma Make 的 AI 更偏“生成可运行的东西”。你可以用 prompt 生成功能原型或 Web App，也可以把现有 Figma 设计、组件、Make kits、PDF、图片、视频等作为上下文。它支持 Plan mode、自定义 skills、MCP connectors、评论和版本历史，生成结果可以在画布上继续编辑，也可以复制为 Figma 设计图层。

简单说：

想看“页面可以长什么样”，先用 Stitch。
想直接做一个可点击、可交互、代码驱动的原型，用 Figma Make 更顺。
想把原型纳入正式设计系统和团队协作，回到 Figma Design。

设计编辑与设计系统：Figma 更完整

这是两者差距最大的地方。

Stitch 的重点是生成和设计上下文。它可以通过 DESIGN.md 把颜色、字体、间距和组件规则整理成 AI 可读的规范，再交给 Stitch 或 Coding Agent 使用。它也有 Design to Prototype，可以把设计转成可滚动、可交互的原型来检查 hover 等状态。

但 Stitch 不是传统意义上的完整设计编辑器。它不承担大型团队的组件库治理、权限管理和复杂原型逻辑。

Figma Design 提供完整的矢量编辑、自动布局、组件与变体、变量与模式、团队库和设计系统能力。多人可以同时编辑、评论、评审和交接；Dev Mode 还能把设计转成开发可用的标注、代码和资源。对于需要长期维护设计系统的团队，这些能力比单次生成更重要。

协作、评审与原型

Stitch 更适合个人或小范围探索：快速生成、快速比较、快速确定方向。它的协作能力不是核心卖点。

Figma Design 则是为团队协作设计的：多人实时编辑、评论、分享权限、原型评审、组件库和 Dev Mode 交接都在同一个工作台里。Figma Make 也支持评论和分享，适合让产品、设计和开发围绕一个可交互原型讨论。

原型方面，Stitch 的 Design to Prototype 更适合检查页面滚动和基础交互；Figma Design 的原型能力更完整，支持 overlays、动画、变量、条件逻辑和更复杂的交互流程。

设计到代码与 MCP

Stitch 通过 MCP、CLI 和 Agent Skills，把设计上下文交给 Claude Code、Cursor、Gemini CLI、Antigravity 等工具。Stitch 的 HTML 输出还可以由 LLM 转成 React、Vue、Angular、Jetpack Compose、Flutter 或 SwiftUI 等格式。它的优势是“提示词 + 设计上下文”可以快速变成可执行任务。

Figma 的路径更偏“设计文件本身就是交付物”。Dev Mode 提供标注、代码属性、资源和开发交接；Figma MCP server 让 AI Agent 读取 Figma 上下文并生成代码或修改设计；Figma Make 则直接生成代码驱动的原型和 Web App。对于已经在 Figma 里维护设计系统的团队，这条链路更自然。

价格与可用性

截至 2026-10-28：

Stitch 目前可以免费使用，但 Google 可能会调整定价和地区可用性。
Figma 提供免费 Starter 计划；Professional、Organization、Enterprise 按 Full、Dev、Collab 等席位收费，并使用 AI credits。具体价格以 Figma 官网为准。
Figma Make 属于 Figma 的 AI 产品能力，AI 使用量受 credits 影响；不同计划和席位的额度不同。

可用性方面，Stitch 依赖 Google 账号；Figma 是全球产品，桌面端、Web 和移动端都可使用。两者的具体可用性、价格和额度都可能变化。

怎么选

更适合 Google Stitch：

你还没有设计稿，只想快速看几个 UI 方向
你不想先学一套完整设计软件
你重视提示词、DESIGN.md 和 Google 生态
你主要做概念验证，而不是长期维护设计系统
你想把设计上下文快速交给 Coding Agent

更适合 Figma Design：

你需要精确的矢量编辑、组件、变量和设计系统
团队需要多人协作、评论、评审和权限管理
你需要复杂原型、动画和交互验证
你需要 Dev Mode、代码交付和成熟插件生态
你要把设计作为长期资产维护

更适合 Figma Make：

你已经在 Figma 里有设计上下文，想快速生成可交互原型
你想用 prompt 做一个功能原型或 Web App
你需要把设计、组件、Make kits 和外部工具作为上下文
你希望生成结果继续在画布上编辑，或复制回 Figma Design

组合工作流

一个比较顺的流程是：

用 Stitch 快速生成 2–3 个页面方向，确定信息结构和视觉气质
把确定的方向带进 Figma Design，用组件、变量和自动布局做精细设计
用 Figma Make 把关键流程做成可交互原型，验证交互和内容
用 Figma Dev Mode、MCP 或 Coding Agent 进入实现阶段

如果你没有 Figma 工作流，也可以直接用 Stitch 生成方向，再把 HTML 或 DESIGN.md 交给 Coding Agent。选择取决于团队已有的设计资产和协作方式。

常见误区

“Stitch 会取代 Figma”：不会。Stitch 强在生成和探索，Figma 强在精确设计、设计系统和团队协作。
“Figma Make 等于 Figma Design”：不是。Make 更偏 prompt 生成和代码化原型，Design 仍是完整的专业设计编辑器。
“AI 生成结果可以直接上线”：无论 Stitch 还是 Figma Make，生成结果都需要人工检查结构、交互、可访问性和代码质量。
“价格只看订阅费”：AI credits、席位类型和团队规模都会影响实际成本。

总结

Stitch、Figma Design 和 Figma Make 不是互相替代的关系，而是分别覆盖“探索、精修、原型与交付”的不同阶段。

只想快速看方向：用 Stitch。
要做专业设计和团队协作：用 Figma Design。
要把方向变成可交互原型或代码化产物：用 Figma Make。
最有效的组合：Stitch 探索 → Figma 精修 → Figma Make / Dev Mode / Coding Agent 交付。

Google Stitch vs Figma / Figma Make：AI 快速起稿，还是专业设计工作台？