Google Stitch:AI 驱动的 UI 设计与代码生成
Google Stitch 是谷歌在 I/O 大会上推出的一款 AI 驱动 UI 设计工具。它支持通过文字描述或草图快速生成网页和移动端界面,并能导出可用于开发的前端代码。生成的 UI 可以直接与前端 AI 编码工具 AI Studio 联动,实现从设计到开发的无缝衔接。
访问前提
首先访问官网 stitch.withgoogle.com,使用谷歌账户登录即可开始。需要注意的是,目前该服务主要支持美国地区访问,部分地区可能存在限制,实际可用性建议以官方说明为准。
模型选择与项目创建
进入平台后,你会看到几个核心模式可供选择,根据需求灵活切换能提升效率:
- 3 Flash 模式:默认选项,基于 Gemini 3.0 Flash,生成速度较快,适合快速验证想法。
- 3 Pro 模式:优先保障高质量与推理能力,速度相对较慢,适合对细节要求较高的场景。
- Redesign 模式:使用 Nano Banana Pro 重新设计现有项目,需要上传屏幕截图作为参考。
- Ideate 模式:支持提出问题并寻找解决方案,适合创意发散阶段。

选定模式后,选择移动端或 Web 端并添加描述。例如在 3 Flash 模式下创建 Web 端项目,输入'实现一个简单的项目管理工具 UI 界面',模型会先进行思考反馈,随后展示绘制过程及最终结果。









