Google Stitch 是 Google 近期推出的一款 AI 驱动的 UI 设计工具，支持通过文本描述或草图快速生成网页和移动端界面，并能导出可用于开发的前端代码。它还能与另一个前端 AI 编码工具 AI Studio 直接联动，将生成的 UI 发给 AI Studio 进行后续开发。
访问 stitch.withgoogle.com 并使用谷歌账户登录即可开始使用。需要注意的是，Stitch 并不支持全部地区，如设置为中国香港可能无法访问，目前美国地区可以使用。
进入后首先选择合适的模型。默认选择的是 3 Flash，基于 Gemini 3.0 Flash，生成速度较快；Pro 模式优先保障高质量与推理能力，但速度稍慢；Redesign 模式使用 Nano Banana Pro 重新设计现有项目，需要添加屏幕截图；Ideate 模式下则支持提出问题并寻找解决方案。
接下来选择移动端或 Web 端并添加描述。例如在 3 Flash 模式下创建 Web 端项目，输入内容描述实现一个简单的项目管理工具 UI 界面。模型会先给出思考反馈，展示绘制过程，最终完成绘制并呈现总览及界面详情。你可以查看生成的效果是否符合预期。
当希望得到同一个界面的多个不同 UI 设计变体时，有三种方式：选中已经生成的 UI 设计界面，在对话框中选中'3x'，添加提示词指导变体的生成；通过'+'按钮上传图片资源，在对话框中选中'3x'，添加提示词指导变体的生成；或者只通过对话框添加提示词描述并选中'3x'，生成多个变体。结果会概述为几个不同的设计方案供你选择。
微调阶段，当 Stitch 给出的界面设计总体符合愿景时，可以采取更细化的调整 UI 组件内容。选择编辑按钮，然后在界面上选择需要微调修改的组件内容。例如选择了进度条样式，并选择 Edit With AI，输入提示词。模型会经过思考过程，最终输出调整后的结果，期间可多次迭代样式美化。
最后一步是导出与使用。选中目标设计稿后悬停，会弹出一个菜单栏，鼠标悬停到 More 即可展示菜单选项。支持直接复制前端代码，会直接展示该界面的前端代码且支持复制；也可以复制到 Figma，点击右边弹出框底部的'转换'即可完成复制，在 Figma 中粘贴即可。此外还支持下载，其中.zip 导出格式会下载一个压缩包，解压后包含 code.html 代码文件和一个 screen.png 图片文件。
