谷歌太狠了！接入 Gemini 3 后的 Stitch，审美能力简直“逆天”！

我想做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、小程序或者网站，苦于没有设计灵感，不妨去试一试。

文章来自于“古时的风筝”，作者 “古时的风筝”。