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

我想做APP、想做小程序、想做网站,但是我不会设计UI怎么办?

有两种方式,第一种,直接写代码,让大模型帮你自动生成。

但是这种方式有个问题,那就是初始提示词很重要,你可以指定一个参考风格或者提供参考图,但是出来之后有几分相似就不太好保证了,假设你对整体风格不满意,那恐怕要重新生成了。浪费了很多 token,那都是钱啊。

第二种,那就是先生成 UI 设计图。但前面不是说了吗,不会设计UI啊。

没关系,你不会,AI会啊。

Google 给咱们提供了一种方式,直接通过提示词生成UI设计图。等有了UI效果图后,再让AI根据图片生成代码,那就能完美还原了。

这个产品叫做 Stitch,已经发布一段时间了,之前效果一般,用不用其实区别也不大。但现在不一样了, 前几天,Google 将 Gemini 3 接入进来了,审美能力大幅度提高,绝对是一个普通人做 UI 图的不二选择。

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

在线使用地址: https://stitch.withgoogle.com/

使用方式

这是一个在线网站,通过上面的地址进入之后。

可以选择移动应用或者 Web 应用,输入框中输入你的需求和设计风格,如果你不知道用什么风格,也可以只讲需求,让它自己发挥。

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

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

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

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

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

下面我来做个演示,准备设计一个拍照类的 APP。

在输入框中输入我的提示词,选择手机应用,模型选择 Gemini 3 Pro,然后点发送按钮。

设计一个拍照APP,用来指导用户进行某些特定的姿势拍照,比如在某些风景前拍出本地人的自然状态,最好有人物姿势剪影,方便用户摆姿势。拍出的照片自动加白色边框,并在合适的角落添加照片的水印信息,照片整体效果类似于拍立得效果。

还要有照片查看界面,照片预览界面。还有一个照片编辑页面,可以换背景、滤镜等。

等待几分钟,Gemini 3 注重效果,所以速度上会慢一些。

最终效果如下,上面是深色主题,下面是浅色主题。

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

之后,如果你对其中某张图不满意,可以选中这张图。被选中的图会自动进入左侧聊天窗口,描述你想要的更改。

或者直接在上方的 Generate 下拉框中选择重新生成或者变体,相当于随机换一个。

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

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

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

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

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

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

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

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

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

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

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

下面是交互演示效果:

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

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

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

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

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

写在最后

Stitch 最大的价值在于它提供了一个可控的中间层,让你提前把最终效果图拿到。

避免直接用代码生成时,多次不满意而调整浪费 Token。

如果你手头正好有想做的 App、小程序或者网站,苦于没有设计灵感,不妨去试一试。

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

给TA充电
共{{data.count}}人
人已充电
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
搜索