Stitch

简介

Stitch 是 Google Labs 在 2025 年 5 月 Google I/O 大会发布的实验性 AI 设计工具，官网为 stitch.withgoogle.com，官方定位是“从想法到应用的新设计方式”。它基于 Gemini 2.5 Pro 的多模态能力，用自然语言描述界面即可生成可编辑的网页与移动端 UI 设计稿，本质是一个 AI 原生的设计画布，常被评测与 Figma 类比。

主要功能

- 文本生成 UI：输入“深色主题的咖啡店预约页”这类描述，产出多套带排版、配色与组件布局的设计变体，并可在对话中继续迭代。
- 网址风格抽取：粘贴一个 URL，Stitch 解析其设计规范（配色、字体、间距等）并应用到新设计，方便借鉴已有站点风格。
- 参考图输入：上传截图、草图或参考图作为输入条件；支持 Gemini Live 语音模式，直接说话指挥调整设计。
- 导出与协作：一键复制到 Figma 继续精修，可导出前端代码（HTML/CSS、Tailwind），并提供 MCP 服务把设计送入 Claude Code、Cursor 等编程工具。

特色优势

- 免费使用：作为 Google Labs 实验项目不收费、无需信用卡，有生成次数配额（据报道标准模式约每月 350 次、实验模式约 50 次）。
- 多模型可选：内置 Fast、Gemini 2.5 Pro、Gemini 3 Pro 等不同 agent，速度和效果可按需切换。
- 设计与开发“一条线”：设计稿直接产出可运行的前端代码，降低设计到开发的交接成本，尤其适合快速原型。
- 生态衔接：可导出到 Google AI Studio，主题与设计系统可保存复用。

适用人群

UI/UX 设计师用于早期方案探索与低保真快速迭代；前端开发者用它产出可用代码并接入自有编码工具链；产品经理、创业团队及非设计背景的人也能独立做出可交付的界面原型。

常见问题

问：Stitch 收费吗？答：目前免费，属 Google Labs 实验项目，有生成配额限制，正式商业化计划尚未公布。

问：能导出到 Figma 吗？答：可以，多数模型下支持“Copy to Figma”；使用 Gemini 3 Pro agent 时该选项不可用，可先下载代码再通过第三方工具导入。

问：和 Figma 有何区别？答：Stitch 由 AI 主导生成式设计、上手快且免费；复杂交互与大型团队设计系统协作仍依赖 Figma 等专业工具，两者可配合使用。