实测Google Stitch 2.0:一句话生成整套UI设计,免费还能导出前端代码
你是否也遇到过:想做个产品界面,却卡在空白画布前
想验证一个产品想法,找设计师排队一周,自己画原型又半天憋不出一屏。Google 在 2026 年 3 月把收购来的 Galileo AI 重做成 Stitch 2.0,一句话、一张草图甚至一段语音,就能生成整套多屏界面,还免费——这篇文章带你把它跑通。
Stitch 2.0 是什么:不是生成一张图,而是生成一个流程
Stitch 是 Google Labs 旗下的免费 AI 设计工具(stitch.withgoogle.com),前身就是被 Google 收购的 Galileo AI。它由 Gemini 模型驱动,最大特点是”多屏生成”:你描述一个完整业务流程,比如”一个咖啡点单小程序,从菜单到支付到订单状态”,它会一次性生成多张相互关联的界面,摆在一块无限画布上。
2.0 版本的几个关键更新:一是无限画布,多个屏幕可以连线组成流程,点 Play 直接预览点击路径;二是语音画布,你可以直接对着画布说”把导航改成侧边栏””配色再柔和一点”,边聊边改;三是 DESIGN.md 文件,把字体、色板、组件规则导出成一个 Markdown,扔给 Cursor、Claude Code 这类编程助手,前端就能按同一套设计规范写代码。
实际上手:三步跑通,产出真能导出代码
上手没有门槛,Google 账号登录即可,实测三步:
- 第一步,描述意图。不用写精确的提示词,说”给一个健身 App 做首页和课程详情页,风格清爽、主打年轻人”这种粒度就够了,Stitch 会给出好几个风格方向供你挑选。
- 第二步,画布上迭代。选中某块区域继续对话修改,也可以上传草图或截图让它照着布局重绘,语音改稿在实测中响应很及时。
- 第三步,导出。满意后可导出 Figma 格式继续精修,或直接导出 React/HTML/CSS 代码交给开发,形成”AI 出稿—Figma 微调—代码落地”的完整链路。
免费额度方面,每月 350 次标准生成(Gemini 2.5 Flash 驱动)加 50 次实验性生成(Gemini 2.5 Pro 驱动),不要信用卡。对一个不想花钱验证想法的人来说,这个额度做两三个完整项目绰绰有余。
横向对比:Stitch、v0、Uizard 各管一段
| 对比项 | Google Stitch 2.0 | Vercel v0 | Uizard |
|---|---|---|---|
| 定位 | AI 设计画布+代码导出 | 直接生成可用前端应用 | 可编辑设计稿 |
| 价格 | 免费(月度限额) | 免费额度有限,付费约 $20/月起 | 免费试用,付费约 $12/月起 |
| 多屏流程 | 支持,最多一次生成 5 屏 | 偏单页应用 | 支持但联动较弱 |
| 产出物 | Figma 格式 + React/HTML 代码 | React + Tailwind 可部署应用 | 设计文件 |
| 协作 | 免费多人实时编辑 | 弱 | 付费版支持 |
一句话概括:v0 适合直接要”能跑的应用”,Uizard 适合要”可编辑的设计稿”,Stitch 卡在中间——先把设计流程做扎实,代码当赠品。
优缺点都摆在这:免费是真免费,局限也是真局限
优点:完全免费且额度慷慨,市面上少有;多屏流程生成是同类里最顺的;语音改稿和 DESIGN.md 让设计与编程助手打通,适合”vibe coding”工作流;出稿速度快,几分钟就能拿到可信的第一版。
缺点:它毕竟是 Google Labs 实验产品,没有 SLA,服务偶尔卡住不动也不报进度;生成的界面常带一股”AI 味”,默认风格明显,交给正式项目前还得在 Figma 里手动调;不支持多人协作之外的团队管理,也没有公开 API;另外免费额度用完没有付费通道可以加量,只能等下个月。
适合谁:想快速验证产品想法的创业者、独立开发者、接需求前先出概念稿的乙方,以及想给编程 AI 助手喂设计规范的前端工程师。如果你需要像素级精修和生产级交付,Stitch 只能当起点,不能当终点。
写在最后
如果你正盯着空白画布发呆,花一个下午试试 Stitch 2.0,成本几乎为零,而它大概率能替你省下第一版设计的三天时间。