Stitch

在 Google I/O 2025 开发者大会上，谷歌正式发布了全新 AI 工具 —— Stitch，一款帮助开发者和设计师快速生成网页与移动应用前端界面的 AI 助手。

只需输入一句描述或上传一张草图，Stitch 就能自动生成完整的 UI 设计，并输出 HTML 和 CSS 代码，大幅提升产品原型构建效率。

目前，该工具已支持使用 Gemini 2.5 Pro 或 Gemini 2.5 Flash 模型驱动设计生成，现已面向全球用户免费开放（含月度使用限制）。

什么是 Stitch？

Stitch 是一个由 AI 驱动的设计辅助工具，专注于：

• 根据自然语言或图像提示生成高质量的用户界面；
• 输出可用于开发的 HTML 和 CSS 代码；
• 支持导出至 Figma，方便进一步调整和完善；
• 提供对生成设计元素的微调能力，提升可用性。

它并非要取代主流设计平台如 Figma 或 Adobe XD，而是为开发者和设计师提供一个快速完成初始设计迭代的工具，帮助他们从“灵感到实现”迈出第一步。

正如谷歌产品经理 Korevec 所说：

“Stitch 是一个让你完成初步设计的地方，然后你可以继续推进。”

与其他 AI 编码工具相比，Stitch 的优势在哪？

当前，“氛围编码”（vibe coding）正成为趋势，多家科技公司纷纷入局这一领域：

• Cursor 背后公司 Anysphere
• Cognition 推出了 Devin
• Windsurf 致力于 AI 驱动的 Web 构建
• OpenAI 最近发布 Codex 新功能
• 微软也在 Build 大会上更新了 GitHub Copilot

相较之下，Stitch 的功能虽稍有限制，但在设计导向和前端生成方面表现突出，尤其适合希望快速搭建原型界面的开发者和初创团队。

Stitch 现在可以怎么用？

✅ 输入方式灵活多样：

• 文字描述：“一个带有侧边栏和卡片布局的仪表盘页面”
• 图像提示：上传草图或截图，让模型理解你的设计意图

✅ 导出选项丰富：

• 直接导出至 Figma，便于后续视觉优化
• 获取 HTML + CSS 前端代码，快速进入开发阶段

✅ 可定制性强：

• 对生成的 UI 元素进行局部修改
• 支持多轮交互优化设计细节

未来几个月内，谷歌还将推出一项新功能：用户可以通过截图+标注的方式修改已有设计，无需重新输入提示词。

使用限制 & 商业用途说明

目前，Stitch 提供免费试用，但有月度使用上限：

一旦超出额度，账户将暂时无法生成新内容，直到下个月配额重置。

📌 是否支持商业用途？

是的。根据谷歌服务条款：

“我们的部分服务允许您生成原创内容。谷歌不会对该内容主张所有权。”

这意味着你有权将 Stitch 生成的设计和代码用于商业项目，但请务必自行审查并遵守相关条款。

用户迁移支持：Galileo AI 用户可导入历史记录

如果你曾是 Galileo AI 用户，现在可以将你的对话历史迁移到 Stitch：

• 在设置页面上传过往对话记录；
• 可查看历史设计建议；
• 注意：无法在 Stitch 中继续这些对话。