一、Google Stitch简介

Stitch是谷歌实验室（Google Labs）在2025年I/O大会上推出的一款基于生成式AI的UI设计与前端代码生成工具，旨在简化从设计构思到代码实现的流程，提升开发效率。

二、Google Stitch体验

老规矩，直接告诉它要做什么。它并不像bolt.new一样会直接给你建议，我们直接将bolt.new中的Core Features和Design Elements丢给它：

其梳理的最终结果描述和确认，看起来理解很到位：

生成的结果中间少了两张，让其重新生成，最终一个APP的原型已经基本呈现出来了：

这个看起来就相当perfect了，有模有样。只可惜它没法直接生成代码：

三、从Google Stitch到Figma

从上面最终结果上来看，要生成前端代码看起来是只能先导出为Figma了，这点不像Bolt.new直接可以生成整个前端代码工程及相关页面。操作也很简单，挨个点下页面上方的“figma”按钮，直接黏贴到figma工程中：

至于从Figma到前端代码，figma自己有个make的AI工具，不过没找到体验的地方，下一篇我们分别使用bolt.new和trae的Figma Agent来尝试一下。

四、体验总结

1、Stitch非常了不起，很适合给产品经理使用，用来快速构建应用原型，也适合UI设计师根据产品特性和简单的设计要素说明快速构建基础设计稿，效率提升非常明显；
2、目前Stitch还是免费，后续是否收费暂不清楚，国内暂时也没有类似的工具。
3、Stitch并不能像简介上说的可以直接生成前端代码，这点对于Stitch来说还是很大的缺陷，还得依赖figma等其它工具，不过也可能它的定位就是在生成设计稿。