Stitch
Google Labs 的 AI 设计画布,从自然语言生成 UI 界面与前端代码
Stitch 是 Google Labs 推出的 AI 原生 UI 设计工具,2025 年 Google I/O 首发,2026 年 3 月升级为 AI 原生无限画布。用户在画布上以自然语言描述需求,Stitch 基于 Gemini 模型生成高保真 UI 界面,支持文字、图片、代码多种输入方式。生成的界面可导出为 React 代码,也可通过 MCP Server 与 SDK 接入 Claude Code、Cursor、Gemini CLI 等编码 agent 的工作流。Google 还开源了 DESIGN.md 格式规范,让 agent 能理解设计系统的色彩、字体、组件规则;以及 Stitch Skills 插件集,为 agent 提供生成设计、管理设计系统、代码转设计等能力。目前 Stitch 仍属 Google Labs 实验项目,免费使用,无需安装,浏览器打开即可。
社区实测
初看效果尚可，但构建真实产品时工具限制大于帮助，通用 UI 拼凑缺乏设计系统感知与产品上下文理解
- 缺少设计系统感知
- 不理解产品上下文
- 生成的是通用 UI 而非定制化方案
截至 2026-08-23
npm install @google/stitch-sdk npx skills add google-labs-code/stitch-skills