夜雨聆风
Google 出了个免费 AI 设计工具,说句话就能出 UI 界面
上周 Google Labs 发了个新东西。
叫 Stitch，一个 AI 原生的 UI 设计工具。
不用装 Figma，不用学 Sketch。打开浏览器，描述你想要的界面，Gemini 帮你画出来。
免费。Beta 阶段，目前不收费。
一句话出设计稿。
你说”做一个健身 App 首页，深色主题，底部 Tab 导航”，Stitch 直接生成高保真 UI。不是线框图，是带颜色、带图标、带排版的设计稿。
支持两种输入方式：
- • 文字描述——像跟设计师提需求一样说
- • 图片——丢一张手绘草图或截图进去，它帮你转成正式界面
两个输出目标：
- • 移动端 App 界面
- • Web 页面
生成之后还能继续改。”把导航栏颜色换成蓝色””加一个搜索框””底部改成三个 Tab”，自然语言说就行。
六个核心功能
1. AI 无限画布
整个工作区是一块无限画布。
从早期构想到可交互原型，全在同一个空间里完成。你可以同时摆好几版方案，对比着调。支持多 Agent 并行工作，一个负责设计，一个负责管理进度。
2. 交互原型
这是最亮的功能。
生成几个页面之后，把它们”缝”（stitch）在一起，点 Play 就能预览完整的用户流程。
不需要写代码，不需要学任何原型工具。
甚至能根据你的点击，自动推测并生成下一屏。
3. DESIGN.md
Google 搞了个新格式叫 DESIGN.md。
本质上是一个 markdown 文件，把设计系统的规则写进去——颜色、字体、间距、组件规范。
Stitch 读这个文件就能按你的设计系统生成新界面。
也可以从任何现有网站 URL 直接提取设计系统。
这意味着什么？你公司有一套设计规范，以后所有新页面生成都能自动遵循。
4. 语音设计
对，直接说话。
“给我三种不同的菜单方案””换成暖色系”——边说边改。
AI 会实时回应你的要求，同时还能当设计顾问，给你提建议。
5. 代码导出
设计完了，直接导出静态 HTML。
代码和设计稿完全对应，拿过来就能用。
也可以一键推到 Figma 继续精修。
6. MCP 集成
Stitch 支持 Model Context Protocol。
开发者可以通过 MCP Server 和 SDK，把 Stitch 的能力接入自己的工具链。
Google 还开源了相关 Skills，目前在 GitHub 上已有 2.4K Star。
底层是什么模型
Gemini。
Google DeepMind 的最新模型在驱动整个设计生成。当前默认使用 Gemini 3 Flash，速度快，效果也不错。
这也是为什么它目前免费——Beta 阶段，Google 在收集反馈。
怎么用
- 1. 打开 stitch.withgoogle.com
- 2. 登录 Google 账号
- 3. 输入描述或上传图片
- 4. 选 App 或 Web
- 5. 点生成
没有安装，没有配置，浏览器打开就用。
值不值得试
如果你是：
- • 产品经理——不用求设计师就能出原型，直接拿给团队评审
- • 独立开发者——一个人做产品，界面设计不用从零开始
- • 设计师——用 AI 快速出初稿，省下时间做精修和创意
- • 非技术人员——有想法但不会设计也不会代码，这个工具就是给你用的
Google 把它叫”Vibe Design”。
翻译过来就是：别管什么设计规范、组件库、像素对齐了，先把你脑子里的画面弄出来。
地址：https://stitch.withgoogle.com