从 Galileo AI 演变为由 Gemini 驱动的设计画布后，Google Stitch 已经成熟到让人忍不住问：Figma 会不会感到压力？不过，实际体验比宣传更克制。它确实能在几分钟内把一句描述变成看起来足够接近成品的 UI，但产物更像是交给编程 Agent 继续完成的初稿，而非可以直接上线的界面。
Google Stitch 实际能提供什么
- 它是什么：描述一个应用，或直接贴入截图、线框图，Stitch 就会生成可编辑的 UI，包括可视化画布和可导出的 HTML/CSS。
- 费用：免费，只需 Google 账号，在 stitch.withgoogle.com 即可使用，无需安装任何软件。
- 关键限制：它的定位是为代码交接做准备，不是替代最终设计工具。
Stitch 背后的模型迭代很快。截至 2026 年 7 月，在线模型选择器提供四种模式：
- 3 Flash（默认）——Gemini 3 Flash。适合快速产出初稿，定位就是“导出给编程 Agent”。
- Thinking with 3.1 Pro——Gemini 3.1 Pro。适用于需要保持整体连贯性的多页面流程。
- Redesign——Nano Banana Pro。可根据截图重建现有页面。
- Ideate——在尚未选定方向前，用来探索不同设计思路。
2026 年更新让 Stitch 有何不同
2026 年 3 月 18 日推出的“vibe design”更新，让 Stitch 从单纯的界面生成器，变成了能理解项目上下文的 Agent：
- 无限画布：每次生成的结果会并列呈现；图片、文本和代码都能放进画布作为上下文。
- 设计 Agent：能够从整个项目层面进行推理，同时还有用于管理并行方案的工具。
- DESIGN.md：用 Markdown 保存颜色、字体、布局等设计系统规则，并可在工具之间流转。
- 交互式原型：可连接多个页面，点击 Play 后直接进行页面跳转和交互测试。
- 语音操作：直接对画布说话，它会实时执行编辑。
此次更新还带来了 MCP server、SDK，以及导出至 AI Studio 和 Antigravity 的能力。真正重要的是这一层导出机制：Stitch 不再停在设计结果上，而能接入后续构建流程。
Google Stitch 真的免费吗？
是的，目前没有付费档位。但使用额度并不透明，Google 对此也没有明确说明。
| 说法 | 状态 |
|---|---|
| 免费、无付费套餐、只需 Google 账号 | 官方网站已确认 |
| 准确的每月/每日额度 | 未公布；第三方说法互相矛盾（350+200、350+50、约 400/天） |
| 额度会按周期重置，且无法充值 | 有相关报道，但未获官方文档确认 |
实际使用时，应以应用内计数器为准，并默认存在上限。不要根据博客里的额度数字安排临近截止日期的工作。简单提示词消耗不多，但多页面流程会很快吃掉额度。
多页面一致性仍是短板
这是 Stitch 被提及最多的问题，其改进过程也值得了解：
- 刚发布时：r/UXDesign 用户认为它很适合生成变体，但“在制作多屏流程方面很差”。测试者也遇到过“更像上色线框图，而不是精修后的设计稿”的结果，以及导出表单提交按钮毫无反应的情况。
- 2026 年 4 月 9 日：官方账号列出了一批修复内容：Agent 现在会遵循已有设计系统，DESIGN.md 的修改会同步回来，布局重叠也有所减少。
- 问题尚未完全解决：4 月下旬，一位开发者总结了现状：从 UI 到生产环境的交接“仍是一个有意思但尚未解决的问题，Stitch 2.0 有帮助，但还没有彻底补上这个缺口”。
导出后该怎么继续做
2026 年更现实的工作流并不是“在 Stitch 里设计，再从 Stitch 直接上线”，而是一场接力：
1. 在 Stitch 中生成 UI 和 DESIGN.md。2. 通过导出或 MCP，将代码交给编程 Agent——Claude Code、Codex 或 Cursor。3. 由 Agent 将其转成可运行的 React 应用。一位开发者称，通过 MCP 把 Stitch 接入 Claude Code，是“彻底消灭 AI slop 的流程”。
在相信导出代码之前，先检查 Stitch 经常遗漏的内容：响应式适配、可用的表单、加载与报错状态、路由，以及组件究竟被复用还是被重复生成。
还有一点成本需要注意：编程 Agent 调用的是 LLM API，计费与 Stitch 的免费画布分开。这个环节需要使用Gemini 或 Claude等模型；Stitch 本身仍然免费，但后端 Agent 的使用成本会逐渐累积。
Stitch、v0 与 Figma Make 怎么选
| 工具 | 思路 | 最适合的产出 | 费用 |
|---|---|---|---|
| Google Stitch | 设计优先：提示词 → UI + 代码 | 快速生成多页面概念 | 免费 |
| v0 by Vercel | 组件优先：提示词 → React | 可直接接入的 shadcn/ui 组件 | 约 $20/月起 |
| Figma Make | 画布内完成：Figma 内置 AI | 无需离开文件即可继续编辑 | Figma 套餐 |
它们并非彼此替代，更适合组合使用：在 Stitch 探索方向，用 v0 生成组件，再在 Cursor 或 Claude Code 中完成组装。
哪些人适合用 Google Stitch
- 适合使用：需要快速拿到概念稿的创始人、产品经理和开发者；希望获得可信 UI、但不想学习 Figma 的非设计人员；以及已经深度使用 Google 技术栈的团队。
- 不应把它当作收尾工具：需要受治理组件库的企业团队，或需要像素级控制与可直接投入生产产出的设计师。
结论：如果目标是在几分钟内从想法走到具备设计和代码基础的 UI，Google Stitch 是 2026 年最强的免费选择之一——前提是由编程 Agent 完成最后的收尾工作。
常见问题
Google Stitch 免费吗？
免费，没有付费套餐，只需一个 Google 账号。使用量受未公开的额度限制，因此应留意应用内计数器。
Google Stitch 使用什么 AI 模型？
截至 2026 年 7 月，包括 Gemini 3 Flash（默认）、Gemini 3.1 Pro（Thinking 模式）和 Nano Banana Pro（Redesign）。它们取代了更早的 Gemini 2.5 配置。
Google Stitch 能生成可用代码吗？
它会生成前端 HTML/CSS，但只能作为起点。测试中曾出现无效按钮和缺失逻辑，因此上线前应在编程工具中继续完善。
它能遵循现有设计系统吗？
从 2026 年 4 月起，Agent 会尝试遵循你定义的设计系统，DESIGN.md 则负责将规则带入和带出工具。相比发布初期已有改进，但仍值得逐屏检查。
Google Stitch 比 Figma 更好吗？
Stitch 更快产出概念；Figma 在协作、设计系统和生产级控制方面依然更强。多数人的做法是从 Stitch 开始，再在其他工具中完成最终工作。