Google Labs 在 3 月 18 日放了一个大招：Stitch 全面改版。
如果你没用过 Stitch，它是 Google 去年 I/O 大会发布的 AI UI 设计工具，前身是被 Google 收购的 Galileo AI。之前的版本很简单——输入一段文字描述，生成几个 UI 界面，导出到 Figma 或者拿 HTML/CSS 代码走人。能用，但谈不上惊艳。
这次更新完全不一样。Google 一口气发了五个大功能：AI 原生无限画布、重新设计的 Design Agent、语音交互、即时原型预览、还有一个叫 DESIGN.md 的设计系统格式。最关键的是，这些功能全部免费。消息出来后两天内，Figma 股价累计跌了约 12%。
从"生成几张图"到"AI 原生画布"
旧版 Stitch 是线性的：输入 prompt → 生成界面 → 导出。新版把整个交互模型换成了无限画布。你可以在画布上同时放图片、文字、代码片段、之前生成的设计，所有这些都作为 AI 的上下文。
这个改变看起来不大，但对工作流影响很深。以前你每次 prompt 都是独立的，AI 不知道你之前做了什么。现在画布上的所有内容都是上下文——你上一轮的配色方案、你贴上去的竞品截图、你随手写的备注，Design Agent 都能看到并参考。
新增的 Agent Manager 可以让你同时探索多个设计方向。比如你在做一个电商 App，可以让一个 agent 方向走简约风格，另一个走活泼风格，两个方向并行推进。以前只能一个个试，现在可以同时展开。
从一次只生成一个屏幕变成一次可以生成多个屏幕，加上"Play"按钮可以直接预览交互流程（点击按钮跳转到下一个屏幕），基本上你可以在几分钟内搭出一个可点击的原型。
语音交互：用嘴做设计
这次更新里 Google 最兴奋的功能大概是语音交互。你可以直接对着画布说话，Design Agent 实时响应——"给我三种不同的菜单样式"、"把这个页面换成深色主题"、"主按钮再大一点"。
想法很好，但我对语音做设计这件事持保留态度。设计是一个精确度很高的工作，自然语言天然是模糊的。你说"颜色暖一点"，AI 理解的"暖"和你脑子里的"暖"很可能不一样。最后可能变成你说一句、AI 改一下、你看了不满意再说一句的来回拉扯，效率不一定比直接点选高。
不过作为粗调工具还是有用的。比如在早期脑暴阶段，你一边说一边看 AI 的理解对不对，比打字快不少。等方向定了再切到精确调整。
DESIGN.md：最有想象力的更新
五个新功能里，我觉得最有意思的不是画布也不是语音，而是 DESIGN.md。
DESIGN.md 是一个 Markdown 文件，用自然语言记录你的设计系统——颜色、字体、间距、组件规范。你可以从任意网站 URL 自动提取设计系统，保存为 DESIGN.md，然后导入到其他 Stitch 项目，或者更关键地，导入到编码工具。
为什么说这个功能有想象力？因为它打通了设计和开发之间的信息断层。
传统流程：设计师在 Figma 画好 → 写设计规范文档 → 开发者看文档还原 → 来回对细节。每一步都有信息损失。
有了 DESIGN.md：设计系统用 Markdown 写 → AI 设计工具和 AI 编码工具都能读 → 设计和代码共享同一份"规则"。
这和 Stitch 最近发布的 MCP Server 和 SDK 配合起来就更有意思了。MCP（Model Context Protocol）正在成为 AI 工具之间的标准通信协议。通过 MCP，Stitch 的设计可以直接流入 AI Studio、Cursor、Claude Code 等编码工具。Google 的意图很清楚：Stitch 不只是一个设计工具，它是 AI 开发流水线上的一个节点。
免费 vs Figma Make：谁更值得用
Figma 在今年也推出了 Figma Make，做的是类似的事——用自然语言生成 UI。但两者的定位差异很明显。
| 维度 | Google Stitch | Figma Make |
|---|---|---|
| 价格 | 免费（每月约 350 次标准生成） | 需要 Figma 付费订阅 |
| 模型 | Gemini 2.5 Flash / 2.5 Pro | Figma 自研模型 |
| 设计系统集成 | DESIGN.md（新格式） | 直接使用已有 Figma 组件库 |
| 代码导出 | HTML/CSS、React、Tailwind | 依赖 Dev Mode |
| AI 工具链集成 | MCP Server + AI Studio + Antigravity（Google AI 代码生成工具） | Figma 生态内 |
| 协作 | 单人为主（协作功能有限） | 团队协作成熟 |
| 目标用户 | 独立开发者、创业者、工程师 | 专业设计团队 |
如果你已经在用 Figma 并且有成熟的组件库和团队协作流程，Figma Make 的优势在于它直接在你已有的工作环境里运行，AI 能调用你的设计系统和组件库。这种组织级的上下文是 Stitch 目前没有的。
但如果你是独立开发者、早期创业团队、或者就是一个需要快速出原型给投资人看的工程师——Stitch 免费这一条就够了。每月 350 次生成，够你把整个 App 的界面迭代好几轮。
实际上手体验
我试了一下新版 Stitch（stitch.withgoogle.com），说几个实际感受：
生成质量：Standard 模式（Gemini 2.5 Flash）速度快，适合初稿。Experimental 模式（Gemini 2.5 Pro）质量明显更高，但每月配额有限。移动端界面的生成效果比复杂的 Web 端好。
画布体验：无限画布的概念方向对，但目前的实现还比较初级。拖拽操作不够流畅，多 agent 并行设计方向时的切换有点混乱。和 Figma 的画布体验相比差距明显。
代码导出：导出的 HTML/CSS 和 React 代码基本可用，Tailwind 风格。但距离"生产级"还有不少距离——响应式布局需要手动调整，组件拆分不够细粒度。适合做原型参考，直接上线不现实。
语音交互：英文识别准确率不错，中文支持待验证。粗调确实比打字快，精调还是得靠文字 prompt。
DESIGN.md：从 URL 提取设计系统的功能真的好用，把一个网站的配色、字体、间距一键提取出来，然后应用到新项目。这是目前最让我觉得有实际价值的功能。
Stitch 的隐忧
说完好的，也得说说问题。
Google 的产品生命周期。Google 砍产品的历史人尽皆知。Stitch 现在还在 Google Labs（实验性产品平台），这既是它的孵化器，也可能是它的终点站。虽然 Galileo 收购和密集更新说明 Google 投入不小，但在 Labs 阶段就把核心工作流建立在上面，风险不低。
单人工具的局限。目前 Stitch 基本是单人使用的工具，缺乏 Figma 那样的实时多人协作能力。对于有设计团队的公司来说，这是一个硬伤。
AI 生成的一致性。多个评测提到 Stitch 有时会"忘记"你之前喜欢的组件样式，或者在新一轮生成时用完全不同的方式诠释同一个组件。对于需要设计一致性的项目来说，这需要额外的人工校验。
对前端开发者意味着什么
Stitch 的定位不是取代 Figma，也不是取代前端开发者。它更像是一个"概念加速器"——帮你在几分钟内把脑子里模糊的想法变成可以看到、可以点击的东西。
对于前端开发者来说，值得关注的点是：
- DESIGN.md 作为设计-代码的桥梁。如果这个格式被更多工具采用，设计师和开发者之间的沟通成本会大幅降低。
- MCP 集成意味着工具链打通。Stitch 生成设计 → MCP 传给编码 agent → 自动生成代码。这条链路越成熟，"从想法到原型"的时间就越短。
- "Vibe Design" 是 "Vibe Coding" 的设计侧翻版。用自然语言写代码已经在发生（Cursor、Claude Code），用自然语言做设计也是同一个趋势。
Stitch 现在还是 Labs 阶段的实验产品，离成熟还有距离。但它展示的方向——AI 原生、自然语言驱动、设计和代码工具链打通——大概率是接下来几年设计工具演进的方向。
相关阅读：
- AI Agent 前端工作流（一）：理解 Agent 与组件自动生成实战 - 探讨 AI agent 在前端开发中的工作流，Stitch 可以看作设计环节的 AI 化
