一、工具简介

Google Stitch 是谷歌 Labs 推出的一款 AI 原生设计工具,用户输入对网页/移动端界面的自然语言描述,工具即可生成完整的 UI 设计稿,并且直接输出可用的前端代码(HTML/CSS + 组件化结构)。

为什么用它 需求很简单,一个纯前端的网页,逻辑也不复杂,就是一个类似于答题测试的网站,都不需要有登录和存储功能,所以唯一的工作量或许就是设计了,我最初天真的以为设计拿这个整完我改改就完事了


二、核心体验:

很强。

维度 说明
设计美感 配色、排版、间距都有专业水准,没有一眼AI
代码质量 设计即代码,给出的结构清晰,且能考虑到一些我都忽略了的内容
可用性 自然语言调整就足够,不需要特别复杂的prompt

⚠️ 也不是没有踩坑

坑 1:插图引用的是 Google CDN 链接

它设计的时候会直接生成图片,生成的图片资源直接引用的是 lh3.googleusercontent.com 等谷歌域名的图片链接。

这点我自己测试的时候没有发现,直到我发给客户测试的时候才注意到图片加载不出来

坑 2:Google组件

同样的有一些图标用的是google的组件,到时候同样是加载不出来

更多推荐