我想做APP、想做小程序、想做网站,但是我不会设计UI怎么办?
有两种方式,第一种,直接写代码,让大模型帮你自动生成。
但是这种方式有个问题,那就是初始提示词很重要,你可以指定一个参考风格或者提供参考图,但是出来之后有几分相似就不太好保证了,假设你对整体风格不满意,那恐怕要重新生成了。浪费了很多 token,那都是钱啊。
第二种,那就是先生成 UI 设计图。但前面不是说了吗,不会设计UI啊。
没关系,你不会,AI会啊。
Google 给咱们提供了一种方式,直接通过提示词生成UI设计图。等有了UI效果图后,再让AI根据图片生成代码,那就能完美还原了。
这个产品叫做 Stitch,已经发布一段时间了,之前效果一般,用不用其实区别也不大。但现在不一样了, 前几天,Google 将 Gemini 3 接入进来了,审美能力大幅度提高,绝对是一个普通人做 UI 图的不二选择。
![图片[1]-谷歌太狠了!接入 Gemini 3 后的 Stitch,审美能力简直“逆天”!-AI Express News](https://www.aiexpress.news/wp-content/uploads/2026/02/20260210004345999-1770655425-53baef2d200244e46314e4bdb3a6d515-scaled.png)
在线使用地址: https://stitch.withgoogle.com/
这是一个在线网站,通过上面的地址进入之后。
可以选择移动应用或者 Web 应用,输入框中输入你的需求和设计风格,如果你不知道用什么风格,也可以只讲需求,让它自己发挥。
![图片[2]-谷歌太狠了!接入 Gemini 3 后的 Stitch,审美能力简直“逆天”!-AI Express News](https://www.aiexpress.news/wp-content/uploads/2026/02/20260210004351203-1770655431-0fcd246e7c399e16ae200b2f18bc0cf1-scaled.png)
输入框右下模型选择区域可以选择模型版本,默认是 Gemini 3 Flash,可以选择 Pro。如果追求更高质量的话,还可以用 Nano Banana Pro 生成高清图片。
![图片[3]-谷歌太狠了!接入 Gemini 3 后的 Stitch,审美能力简直“逆天”!-AI Express News](https://www.aiexpress.news/wp-content/uploads/2026/02/20260210004354942-1770655434-5df0de0ff8e0c68906d4f5f6f6c1d621.png)
另外,左侧有几个示例项目,可以参考官方的提示词是怎么写的。
![图片[4]-谷歌太狠了!接入 Gemini 3 后的 Stitch,审美能力简直“逆天”!-AI Express News](https://www.aiexpress.news/wp-content/uploads/2026/02/20260210004357516-1770655437-1ae8aa1cfb9d3ab5f3b7e15ede6e5195-scaled.png)
下面我来做个演示,准备设计一个拍照类的 APP。
在输入框中输入我的提示词,选择手机应用,模型选择 Gemini 3 Pro,然后点发送按钮。
设计一个拍照APP,用来指导用户进行某些特定的姿势拍照,比如在某些风景前拍出本地人的自然状态,最好有人物姿势剪影,方便用户摆姿势。拍出的照片自动加白色边框,并在合适的角落添加照片的水印信息,照片整体效果类似于拍立得效果。
还要有照片查看界面,照片预览界面。还有一个照片编辑页面,可以换背景、滤镜等。
等待几分钟,Gemini 3 注重效果,所以速度上会慢一些。
最终效果如下,上面是深色主题,下面是浅色主题。
![图片[5]-谷歌太狠了!接入 Gemini 3 后的 Stitch,审美能力简直“逆天”!-AI Express News](https://www.aiexpress.news/wp-content/uploads/2026/02/20260210004402545-1770655442-73024c4649e4f7f46c3aeec66a9f49e6.png)
之后,如果你对其中某张图不满意,可以选中这张图。被选中的图会自动进入左侧聊天窗口,描述你想要的更改。
或者直接在上方的 Generate 下拉框中选择重新生成或者变体,相当于随机换一个。
![图片[6]-谷歌太狠了!接入 Gemini 3 后的 Stitch,审美能力简直“逆天”!-AI Express News](https://www.aiexpress.news/wp-content/uploads/2026/02/20260210004407813-1770655447-03cde9e6ab1cf3eb5aaf949c165eb9b4-scaled.png)
还可以在选择的图片上方的 Edit 下拉按钮中仅需主题修改和细节修改。
![图片[7]-谷歌太狠了!接入 Gemini 3 后的 Stitch,审美能力简直“逆天”!-AI Express News](https://www.aiexpress.news/wp-content/uploads/2026/02/20260210004413694-1770655453-417c55a3c3db0cb4e9b03203020b9595.png)
点击 Annotate,进入细节编辑界面,在这里,你可以框选想要修改的局部,然后输入提示词,即可完成局部效果的修改。
![图片[8]-谷歌太狠了!接入 Gemini 3 后的 Stitch,审美能力简直“逆天”!-AI Express News](https://www.aiexpress.news/wp-content/uploads/2026/02/20260210004418874-1770655458-09e60204513d3c10cb4fb9163f2837cc.png)
点击修改主题,右侧会出现外观、颜色、字体等修改选项。
![图片[9]-谷歌太狠了!接入 Gemini 3 后的 Stitch,审美能力简直“逆天”!-AI Express News](https://www.aiexpress.news/wp-content/uploads/2026/02/20260210004422516-1770655462-ad13af0a3b7d4404f4db33ccc6f98f6f.png)
除此之外,还可以选中多张图片,在 Generate 这里可以生成交互原型。
![图片[10]-谷歌太狠了!接入 Gemini 3 后的 Stitch,审美能力简直“逆天”!-AI Express News](https://www.aiexpress.news/wp-content/uploads/2026/02/20260210004426719-1770655466-8908e53bd8339749aae9a5fe6eef8e34.png)
这就像用原型工具制作可交互的产品原型图那样,可以查看多个页面之间的交互、跳转过程,用来给别人演示,或者自己提前查看效果。
![图片[11]-谷歌太狠了!接入 Gemini 3 后的 Stitch,审美能力简直“逆天”!-AI Express News](https://www.aiexpress.news/wp-content/uploads/2026/02/20260210004430835-1770655470-ad279ed2e6927e919a65bdbf5cc33250.png)
下面是交互演示效果:
最后,可以将代码复制、下载或导出到其他平台。
![图片[12]-谷歌太狠了!接入 Gemini 3 后的 Stitch,审美能力简直“逆天”!-AI Express News](https://www.aiexpress.news/wp-content/uploads/2026/02/20260210004435434-1770655475-ffbad17631693ac4ef6009d15e34b511.png)
如果是一个 Web 应用,可以直接选中一套,然后导出到 AI Studio,可直接在 Gemini 3 App 中生成完整代码。
![图片[13]-谷歌太狠了!接入 Gemini 3 后的 Stitch,审美能力简直“逆天”!-AI Express News](https://www.aiexpress.news/wp-content/uploads/2026/02/20260210004439840-1770655479-b14580af463078b4690d6df87088c72a.png)
Stitch 最大的价值在于它提供了一个可控的中间层,让你提前把最终效果图拿到。
避免直接用代码生成时,多次不满意而调整浪费 Token。
如果你手头正好有想做的 App、小程序或者网站,苦于没有设计灵感,不妨去试一试。
![图片[14]-谷歌太狠了!接入 Gemini 3 后的 Stitch,审美能力简直“逆天”!-AI Express News](https://www.aiexpress.news/wp-content/uploads/2026/02/20260210004442757-1770655482-fc2cb8d448430ab60b44cae611316b87.jpeg)
往期文章
再也没理由断更了:我把飞书变成了最强公众号编辑器,治好了我的拖延症
不到2个小时,借助AI,让我那吃灰多年的老 Kindle 变成了一块电子时钟,焕发新生!
我用 Gemini 3 手搓了一个地球虫洞,这效果太离谱了!
Gemini 这个功能才是真的利器,强烈建议豆包、Kimi 跟进一下!
<原文链接:https://mp.weixin.qq.com/s/QgNJiFFM1pA9xM7bmPbxtg

















暂无评论内容