Google Stitch 是一款由 Google Labs 在 Google I/O 2025 上推出的实验性 AI 工具，旨在简化移动端和网页应用的 UI 设计与前端代码生成流程。基于 Google 的 Gemini 2.5 Pro 和 Gemini 2.5 Flash 模型，Stitch 通过自然语言描述或图像输入生成高质量的用户界面设计和可用的 HTML/CSS 代码，帮助用户快速将创意转化为功能性原型。它与 Figma 等设计工具无缝集成，适合从初学者到专业开发者的各类用户。
核心功能
- 自然语言生成 UI：用户可通过简单的英文描述（如“蓝色主题的照片分享应用”）生成 UI 设计和代码。
- 图像输入支持：上传草图、截图或白板设计，Stitch 可将其转化为数字 UI 界面。
- 代码导出：生成可直接用于开发的 HTML/CSS 代码，支持 CodeSandbox 和 VS Code 等环境。
- Figma 集成：支持将设计直接导出到 Figma，便于进一步编辑和团队协作。
- 多变体生成：可生成多种 UI 设计变体，方便用户实验不同布局和风格。
- 自定义调整：提供主题选择器、颜色和字体调整功能，支持交互式优化设计。
特点与优势
- 高效性：将传统 UI 设计和编码时间从数小时缩短至数分钟，内部测试显示创建页面时间减少84%。
- 易用性：无需深入设计或编码经验，适合非专业用户快速上手。
- 多模态输入：支持文本和图像输入，灵活适应不同用户需求。
- 高质量输出：生成代码的 Lighthouse 可访问性评分达98.6%，优于行业平均水平。
- 迭代支持：通过 AI 对话和截图标注功能，方便用户持续优化设计。
- 免费使用：公测阶段免费，附带每月生成限额（Flash 模式350次，实验模式50次）。
适用场景
- 初创公司：快速构建最小可行产品（MVP）的 UI 原型。
- 开发者：加速 UI 设计迭代，缩短从概念到代码的周期。
- 设计师：快速生成多种设计方案并在 Figma 中优化。
- 非技术用户：无需设计或编码技能即可创建专业级 UI。
- 教育与学习：帮助学生或初学者快速实践 UI 设计与开发。
支持平台
- Web：通过 stitch.withgoogle.com 访问，基于浏览器，无需安装。
- 移动端：支持生成移动端应用的 UI 设计。
- 集成工具：支持 Figma、CodeSandbox、VS Code 等开发与设计环境。