Google Labs Stitch 的核心术语,随课程更新。
Google Labs 推出的免费 AI UI 设计工具。用自然语言描述界面,生成高保真设计稿并可导出为 Figma / HTML / React 代码。
基于 Gemini 3 Flash 的快速生成模式。支持 Figma 导出,每月 ~350 次。适合日常迭代。
基于 Gemini 3 Pro 的高质量模式。支持图片/手绘输入,无 Figma 导出,每月 ~50 次。适合最终稿。
意图驱动的设计理念。描述"感觉和目标"而非组件列表,让 AI 诠释和发挥。如"一个感觉像周日早晨的冥想 app"。
Stitch 的无限画布空间,支持多屏共存、设计分支、交互原型连接。2026 年 3 月加入。
开放标准的设计 Token 文件格式(Markdown)。定义颜色、字体、间距、组件规则。跨工具可导入/导出共享。
TypeScript 库(@google/stitch-sdk),提供编程式 UI 生成。核心类:Stitch、Project、Screen、DesignSystem。
参见:GitHub
Model Context Protocol 服务器,将 Stitch 的设计能力暴露给 AI 编码工具(Claude Code、Cursor、Gemini CLI 等)。
Google Labs 开源的 Agent 技能库,15+ 个技能分 3 个插件组(design/build/utilities)。在 Claude Code 中可直接安装使用。
参见:GitHub
Stitch 提示词中应避免的设计元素,如紫色渐变、对称列布局、emoji 图标、抽象 3D 球体。明确告知 AI 可避免生成"AI 感"过重的设计。