返回文章

AI Agent · 2026年3月20日

Google Stitch:AI 设计工具的新标杆,效果比想象中还要惊艳

Google 推出的 AI 设计 Agent Stitch,能够直接生成可用的 UI 设计稿,来看看它的实际表现和使用体验。

Google Stitch AI 设计 AI Agent 产品体验

Google 推出了一款设计类的工具,叫做 Stitch,最近被不少的播主转发和推荐。 image.png 然后就出现很多说这个 Figma 已死,设计已死的这种论调,我非常不喜欢。

按照网上的这种流量派的说法,设计师不知道死了多少次,前端也不知道死了多少次了,真笑死我了。

不过对于这种工具,特别是谷歌家的产品,我觉得还是值得尝试的。

如果是其他公司的一些产品,我觉得我们还是要去慎重考虑一下。比如说之前说的那个叫做 lovart 的设计类 AI 工具,现在我看不少人都在吐槽这个事情。

所以针对于现在频繁推出的 AI 产品,我们还是要有一定的分辨能力和自我甄别能力。

其实这个产品主要是为了去跟 Figma 抢夺市场的,这个确实没有错。

其实针对 Figma 这款工具,我知道它是付费的,而且我本人并没有这样的需求,所以我从来没有使用过 Figma。

Google Stitch 的这种工具用起来非常简单:你直接去描述自己的需求,然后它帮你进行设计。

比如说,我让它帮我设计一个和读书相关的网站,并设计几个页面。下面这几个就是它的初始版本。

但是存在一个比较大的问题:它这个页面的长度太长了,显然不符合网站的排版格式。 image.png

但是实际上,这里面内置了一些其他的功能。比如说我选中的 Preview 里面有 Mobile 和 Desktop:

  1. Mobile 就是移动手机端
  2. Desktop 就是电脑客户端

中间桌面版的页面是针对客户端进行设计的,效果挺不错的。可惜(或可气)的是手机端没有网站版本,所以看起来还是不像可以在浏览器里面正常打开的网站。

image.png 我还去使用了一下这个 Instant Prototype 的功能。它主要是针对一个网页,把它转换成一个动态的效果。

下面这张图里面那个灰色的部分就是动态效果,实际上就是模拟用户在浏览这个页面的时候,可以具有一个滑动的效果。这是普通页面视图所不具备的效果,这个功能也非常的有意思。 image.png 既然它默认情况下对于网站的支持程度不好,那么我就让它设置成一个网站的格式。

因为它内置的功能可以直接转换成手机浏览和桌面客户端模式,但表现得都不太像一个真正的网站。所以,如果我想设计一个在浏览器里面打开的网页效果,我就让它不停地修改,它也是可以完成这个任务的。

image.png 相较于之前的版本,这个就非常不错了。

如果让 Claude Code 针对这样一个网页去进行设计的话,我觉得效果肯定比它自己去发挥要好。反正我用了 Claude Code 这么长时间,设计任何东西从来没有达到过这样一个效果。

所以我觉得 Google 的这个产品 Stitch 真的挺好用的:

  1. 设计网页或者小程序之类的页面非常方便。
  2. 实际用下来,整体体验非常出色。

如果有类似需求的小伙伴,我也非常推荐大家去试用一下。 image.png 该产品目前还是免费的,只针对一些特定地区的用户开放,所以还是挺不错的。感兴趣的话可以去尝试用一用、玩一玩。

我使用这个stitch做出来的结果扔给claudecode做出来的效果我非常满意,我们可以在这个技术上面进行修改,把它打磨到更加符合我们要求的版本。

这肯定要比从零到一去写的效果好很多,而且自己写出来的肯定达不到这样一种设计的美感。所以我觉得谷歌的这个 Stitch 还是非常 nice 的。

image.png