以后做 App，可能真的只需要”一张嘴”。

凌晨 3 点，谷歌悄悄上线了一个新产品。

没有发布会，没有预告，甚至连官方博客都没更新。但 X 上已经炸了——Google Stitch，这个号称”用 AI 速度设计 UI”的工具，正在重新定义”做设计”这件事。

已关注

关注

重播 分享 赞

视频详情

什么是 Google Stitch？

一句话：对着对话框说话，AI 给你出设计稿。

不是那种”帮我画个按钮”的简单指令，而是完整的界面生成。比如你输入：

“帮我设计一个健康管理 App 的首页，要有每日步数、心率监测、睡眠分析，风格要清新简洁”

几秒钟后，Stitch 会给你一个完整的 UI 界面——带布局、带配色、带组件，甚至可以直接导出代码。

Stitch会先根据你的要求给你设计多种配色，定好基调后就开始了设计工作；很快就完成了一个APP首页的搭建，真的是根据我们需求完全定制的；

官网的 Slogan 很直白：“Design at the speed of AI”（以 AI 的速度设计）。

翻译成人话就是：以前做一套 App 界面要几天，现在只要几分钟。

 具体怎么用？

我帮你们试过了，流程简单到离谱。

第一步：打开官网

地址：https://stitch.withgoogle.com

目前还是 Beta 版，需要用 Google 账号登录。

第二步：输入你的需求

界面中间有个大大的输入框，提示语是：”What native mobile app shall we design?”（我们要设计什么原生移动应用？）

你可以这样写：

“一个健身追踪 App，要有首页、训练计划、进度统计三个页面，主色调用蓝色和白色”

或者更具体：

“仿照 Keep 的界面设计一个健身 App，但要用深色模式，目标用户是 25-35 岁的男性”

你也可以让他修改你之前的设计稿，他会直接调用Nano banana Pro重新帮你美化你的原始设计；对于一些有想法但画不出来好设计稿的同学，这个功能可以直接帮你提升设计感；

第三步：选择平台

Stitch 目前支持两种输出：

• 应用（iOS/Android 风格的移动界面）
• Web（网页界面）

第四步：点击生成

右下角有个”生成设计”按钮，点完等个几十秒。

出来的结果是一个完整的可编辑界面——你可以拖拽组件、修改文字、调整颜色，就像在用 Figma 一样。

第五步：导出

满意之后可以：

• 导出到 Figma 继续细化
• 导出静态 HTML 代码直接用
• 保存项目随时回来修改

这里不得不说，Stitch考虑的非常丰富，任何格式都能导出，对于前端开发者就是福音，直接打包zip喂到claude code或者Openclaw里面就行；

核心功能盘点

根据官网和 X 上用户的实测，Stitch 主要有这几个能力：

1️⃣ 自然语言生成

这是最基本的功能。你说话，它画图。

支持的需求类型包括：

• 完整的 App 界面
• 单个功能模块（比如登录页、个人中心）
• 特定风格的界面（比如”苹果风格”、”Material Design”）

2️⃣ 模板库

懒得写提示词？Stitch 准备了一套模板：

• SaaS Dashboard（SaaS 仪表盘）
• Health App（健康应用）
• Entertainment App（娱乐应用）
• Fashion App（时尚应用）
• Utility App（工具应用）

点一下”Use template”就能直接套用，然后再根据自己的需求修改。

3️⃣ 实时编辑

生成的设计不是”死”的。你可以：

• 点击任意元素修改文字
• 拖拽组件调整位置
• 在右侧面板调整颜色、字体、间距
• 添加/删除组件

官方把这个功能叫做”Easy edits”（简单编辑）。

4️⃣ 代码导出

这是最实用的功能之一。

• Stitch 可以导出静态 HTML 代码，官方说”和 Figma 导出的效果一样”。
• 这意味着什么？意味着你可以：
• 用 Stitch 快速出设计稿
• 直接导出代码给开发

跳过”设计→切图→开发”的传统流程

5️⃣ Figma 集成

如果你习惯用 Figma，Stitch 也支持导出到 Figma 继续编辑。

官方原话：”Export designs to Figma to fiddle further”（导出到 Figma 继续捣鼓）。

和竞品的区别

目前市面上类似的 AI 设计工具还有几个：

Galileo AI：主打”文本到 UI”，但输出质量不太稳定。

Uizard：支持手绘草图转界面，但生成的代码质量一般。

Relume：专注于网页设计，对移动应用支持较弱。

Stitch 的优势在于：

• 谷歌背书——Gemini 模型的能力有保障
• 完整工作流——从生成到编辑到导出都能做
• 免费——目前 Beta 版完全免费

一些注意事项

虽然 Stitch 很强，但也有几个限制：

1. 目前只支持英文提示词

中文输入可能会理解不准确，建议用英文写需求。

2. 复杂交互不支持

Stitch 生成的是静态界面，多屏流转、动态效果这些还做不了。

3. 品牌定制有限

如果你想完全按照自己的品牌规范（特定字体、颜色、组件库），可能还是得用 Figma 手动调。

4. Beta 版不稳定

偶尔会出现生成失败、保存丢失的情况，建议多做备份。

最后说两句

Google Stitch 的上线，再次证明了一件事：AI 不是在取代设计师，而是在重新定义”设计”这件事。

以前，设计的门槛很高——你得学 Figma、学 Sketch、学设计原理、学配色理论。

现在，门槛变低了——只要你能清晰地描述需求，AI 就能帮你出设计。

但这不意味着设计变得”简单”了。相反，对需求的理解、对用户的洞察、对体验的把握，这些能力变得更加重要。

因为当”画图”这件事变得人人都会做的时候，真正值钱的，是知道”画什么”和”为什么这么画”。