参考文档：
更新于 2026 年 3 月 · labs.google/stitch
一、工具是什么
Stitch 是 Google Labs 推出的 AI UI 设计工具，用自然语言描述需求，自动生成高保真界面和前端代码，完全免费。
2026 年 3 月核心更新：无限画布 、Vibe Design （从感受出发而非线框图）、语音交互 。
二、两种模式
|-------------------|-----------------|
| 模式 | 特点 |
| Standard（Flash） | 速度快，支持 Figma 导出 |
| Experimental（Pro） | 质量更高，支持图片/草图上传 |
三、Prompt 公式
[界面类型] + [目标用户] + [核心功能] + [风格 + 技术约束]示例：
创建 SaaS 定价页（Web），面向中小企业主，展示三个价格层级 和功能对比表，专业可信风格，主色深蓝，输出 React + Tailwind技巧：
-
每次只改一处，逐步迭代
-
用类比代替形容词：「像 Apple 官网那样简洁」
-
用负向约束：「不要卡片式布局」
四、Vibe Design · 语音设计
点击 语音 图标启动语音模式，直接描述感受，AI 实时更新设计并给出建议。
「整体现代专业但不冷冰冰，深色基调加温暖强调色，间距宽松，一眼看到重要信息」
五、精细化 & 导出
选中组件后有三种操作：Edit （精确修改）、Annotate （模糊调整）、Modify（整屏改风格）。
完成后：
-
一键 Copy to Figma 继续精修
-
导出 HTML / CSS 直接给开发用
六、推荐工作流
Stitch 探索 → Figma 精修 → 框架代码实现Stitch 是起点，不是终点。适合快速出初稿和验证想法，精细品牌调性建议在 Figma 中二次对齐。