我想做APP、想做小程序、想做网站,但是我不会设计UI怎么办?
有两种方式,第一种,直接写代码,让大模型帮你自动生成。
但是这种方式有个问题,那就是初始提示词很重要,你可以指定一个参考风格或者提供参考图,但是出来之后有几分相似就不太好保证了,假设你对整体风格不满意,那恐怕要重新生成了。浪费了很多 token,那都是钱啊。
第二种,那就是先生成 UI 设计图。但前面不是说了吗,不会设计UI啊。
没关系,你不会,AI会啊。
Google 给咱们提供了一种方式,直接通过提示词生成UI设计图。等有了UI效果图后,再让AI根据图片生成代码,那就能完美还原了。
这个产品叫做 Stitch,已经发布一段时间了,之前效果一般,用不用其实区别也不大。但现在不一样了, 前几天,Google 将 Gemini 3 接入进来了,审美能力大幅度提高,绝对是一个普通人做 UI 图的不二选择。

在线使用地址: https://stitch.withgoogle.com/
使用方式
这是一个在线网站,通过上面的地址进入之后。
可以选择移动应用或者 Web 应用,输入框中输入你的需求和设计风格,如果你不知道用什么风格,也可以只讲需求,让它自己发挥。

输入框右下模型选择区域可以选择模型版本,默认是 Gemini 3 Flash,可以选择 Pro。如果追求更高质量的话,还可以用 Nano Banana Pro 生成高清图片。

另外,左侧有几个示例项目,可以参考官方的提示词是怎么写的。

下面我来做个演示,准备设计一个拍照类的 APP。
在输入框中输入我的提示词,选择手机应用,模型选择 Gemini 3 Pro,然后点发送按钮。
设计一个拍照APP,用来指导用户进行某些特定的姿势拍照,比如在某些风景前拍出本地人的自然状态,最好有人物姿势剪影,方便用户摆姿势。拍出的照片自动加白色边框,并在合适的角落添加照片的水印信息,照片整体效果类似于拍立得效果。
还要有照片查看界面,照片预览界面。还有一个照片编辑页面,可以换背景、滤镜等。
等待几分钟,Gemini 3 注重效果,所以速度上会慢一些。
最终效果如下,上面是深色主题,下面是浅色主题。

之后,如果你对其中某张图不满意,可以选中这张图。被选中的图会自动进入左侧聊天窗口,描述你想要的更改。
或者直接在上方的 Generate 下拉框中选择重新生成或者变体,相当于随机换一个。

还可以在选择的图片上方的 Edit 下拉按钮中仅需主题修改和细节修改。

点击 Annotate,进入细节编辑界面,在这里,你可以框选想要修改的局部,然后输入提示词,即可完成局部效果的修改。

点击修改主题,右侧会出现外观、颜色、字体等修改选项。

除此之外,还可以选中多张图片,在 Generate 这里可以生成交互原型。

这就像用原型工具制作可交互的产品原型图那样,可以查看多个页面之间的交互、跳转过程,用来给别人演示,或者自己提前查看效果。

下面是交互演示效果:

最后,可以将代码复制、下载或导出到其他平台。

如果是一个 Web 应用,可以直接选中一套,然后导出到 AI Studio,可直接在 Gemini 3 App 中生成完整代码。

写在最后
Stitch 最大的价值在于它提供了一个可控的中间层,让你提前把最终效果图拿到。
避免直接用代码生成时,多次不满意而调整浪费 Token。
如果你手头正好有想做的 App、小程序或者网站,苦于没有设计灵感,不妨去试一试。
文章来自于“古时的风筝”,作者 “古时的风筝”。

