免费!Google最被低估的神器Stitch，我用它5分钟0代码搓了套App UI

作者｜子川

来源｜AI先锋官

2025年，绝对是 AI 编程的“爆发元年”。

不论是 Google、OpenAI 还是 Claude，都在疯狂卷 AI Coding 这个赛道。

但在代码之外，也开始布局其他的编程赛道。

最近，Google 在2025 年 I/O 大会上推出的 AI 驱动 UI 设计工具Stitch突然走红。

可能很多人不太了解这个工具，这里给大家简单介绍一下Stitch——

Stitch是一款只需描述一下“想要个什么样的 App”，它就能在几十秒内给你生成一整套高保真的 UI 界面，并且还是免费的。

实测下来，我甚至有一个大胆的想法：以后做 UI 设计，或许只用它就够了。

我只用了短短 5 分钟，全程没碰一行代码，就搓出了一套精美的 APP 界面。

废话不多说，直接看我刚才随手做的成品。

这套界面的逻辑非常成熟：

• 路线总览：清晰展示旅游路线列表，支持按日期或地点智能排序。

• 路线详情：集成了地图轨迹、距离、耗时、照片墙及文字笔记。

• 实时记录：模拟了开始旅行后的状态，显示实时定位和动态数据。

• 个人中心：包含资料管理、偏好设置及数据统计图表。

最重要的是，这不是那种一眼假的 AI 图，而是高保真、逻辑很强的产品原型。

而这些只需一句提示词：帮我设计一个记录旅游路线的APP

可能很多人觉得第一个案例既有中文和英文，生成的效果不好，那我们这次的提示词指定生成中文界面

提示词：帮我设计一个'家庭绿植养护助手App。 风格要极简、治愈，主色调使用莫兰迪绿。需要包含三个核心页面: 我的花园仪表盘：显示每盆花的健康状态和缺水预警 植物百科详情页：要有光照和温度建议; 浇水打卡弹窗：点击后有烟花特效反馈，中文界面。

Stitch 不仅完美理解了中文指令，连“莫兰迪绿”这种抽象的色调要求都拿捏得死死的。

排版审美在线，字体层级分明，中文界面也完美呈现。

完全达到了可以直接交付开发的水平。 同时它生成的页面可直接导出为 Figma 文件供设计师精修，也能一键复制静态 HTML/CSS/JS 代码给工程师。

如果你对生成的初稿不满意？没关系。Stitch 支持对话式修改。

比如觉得上面那个绿植 App 的绿色太单调了，想换个风格。

只需输入：“把主色调换成淡蓝色”。

不到 2 分钟，整套 UI 的配色瞬间完成替换，同时也保留了原有的布局和逻辑。

只有三个页面，功能有点太少，也可以在对话框输入自己的需求增加功能。

增加一个查看查找植物的识别的功能，只需拍照就能查看当前植物是什么？

生成的效果依旧在线。

Stitch除了能生成APP页面外，还能用来生成网站。

我们可以看到酒店查询主页，面顶部有网站Logo，核心是一个显眼的搜索栏，用户可以输入目的地、入住/退房日期、选择房客数量。

中间则是一些优质酒店的推荐页面，底部则是展示特色酒店或促销信息。

从复杂的APP逻辑到精美的Web落地页，Stitch 的表现可以说大大超出了对一个“辅助工具”的预期。

在2025年这个AI编程的“爆发元年”，Google 用 Stitch 告诉我们：未来的产品开发，不再受限于代码能力或设计功底，而仅仅受限于你的想象力。

它打破了产品经理、设计师和开发者之间的厚重壁垒，让“想法”到“产品”的距离缩短到了几句对话之间。

目前 Stitch依旧是免费的，感兴趣的可以去试试。

扫码邀请进群，我们带你一起来玩转ChatGPT、GPT-4、文心一言、通义千问、讯飞星火等AI大模型，顺便学一些AI搞钱技能。