如果说"氛围编程(Vibe Coding)"改变了开发方式,那这次轮到设计了。Google彻底重做了用自然语言画UI的AI画布Stitch。你可以在无限画布上用说话的方式做设计,AI智能体会追踪整个项目的上下文,点一下就能跑起可交互原型。
3秒速览
自然语言/语音输入 →
AI生成高保真UI →
无限画布探索·编辑 →
可交互原型 →
导出到Figma·代码
这是什么?
Stitch是Google Labs打造的AI原生设计工具。 它在2025年Google I/O上首次亮相,2026年3月以全新面貌重新上线。Google副总裁Josh Woodward的一句话点出了核心——"AI可以成为创意的倍增器,因为它让你能快速探索大量想法。"
核心概念是"氛围设计(Vibe Design)"。不再从线框图起步,而是从描述业务目标开始。 你只要说一句"做一个让用户感到可信赖的金融科技仪表盘",AI就会自动挑选配色、布局和组件,生成高保真UI。FastCompany把这形容为"对Figma的冲击"。
这次更新的核心新功能如下:
- AI原生无限画布
基于节点展开想法的工作空间。把图片、文本、代码片段放到画布上,AI会把它们当作上下文来使用。 - 设计智能体 + Agent Manager
智能体能理解整个项目的历史脉络。当你同时探索多个设计方向时,Agent Manager会分别追踪并整理每一条线。 - 语音指令(预览版)
你可以直接对画布说话。像"给我看3种菜单选项""这个界面换个配色试试"这类实时修改都能做到。 - 即时原型
用"Stitch"把各个界面连起来,按下Play按钮就能跑起可交互原型。AI会分析点击目标,自动生成下一个界面。 - DESIGN.md
用Markdown文件导入导出设计系统规则的格式。你可以把同一套设计规则直接应用到别的项目里。
免费
当前价格(Google Labs Beta)
350次
每月Standard生成额度
200次
每月Pro生成额度
有什么不同?
以前做UI设计,你得打开Figma,建画板,摆组件,设置Auto Layout……整个流程特别耗时间。Stitch把这个流程整个翻了过来。
| 传统设计工具 | Google Stitch | |
|---|---|---|
| 起点 | 空画布手动摆放 | 用自然语言/语音描述意图 |
| 初稿速度 | 几个小时 | 几分钟 |
| 方案探索 | 一个一个手动复制 | 并行同时生成多个方向 |
| 原型 | 需要单独设置 | 一键Play自动生成 |
| 价格 | $16+/月(Figma Pro) | 当前完全免费 |
和同类工具横向对比一下,Stitch的定位会更清晰:
| 工具 | 核心优势 | 短板 | 价格 |
|---|---|---|---|
| Google Stitch | 无限画布、语音、智能体、免费 | Labs产品,无长期保障 | 免费 |
| MagicPath | 对设计师友好的画布,支持Figma导入 | 新工具,性能有限 | $20/月 |
| Figma Make | 无缝接入现有Figma生态 | 变量/组件精度不足 | 含在Figma Pro中 |
| Flowstep | 多屏流程,支持Figma复制粘贴 | 设计系统自定义受限 | $15/月 |
Stitch最大的差异化就是"完全免费 + 画布级上下文感知"。 付费工具通常是一条提示词生成一个界面,而Stitch的智能体能把画布上所有的图片、文本、代码都当作上下文来理解,维持整个项目的一致性。
注意
Stitch是Google Labs产品,长期价格和服务延续性都还没定。 分析师预计Labs毕业后会按每月$25~30的水平收费。比起当作生产工作流的核心工具,更聪明的用法是把它用于想法探索和概念验证阶段。
上手指南
- 注册
去 stitch.withgoogle.com 用Google账号直接开始,免费。 - 给画布喂上下文
用文字描述你想要的应用,或者把参考图、代码片段拖到画布上。你也可以从已有网站的URL中提取设计系统。 - 用AI生成UI
可以在Standard(快速生成)和Experimental(高质量)两种模式间选择。 刚开始建议用Standard快速探索多个方向。 - 查看原型
把界面连接起来,按Play就能跑起可交互原型。AI会自动推荐下一个界面。 - 导出
可以通过MCP服务器或SDK接入开发工具,或者保留图层导出到Figma。
