一、工具简介
Google Stitch 是谷歌 Labs 推出的一款 AI 原生设计工具，用户输入对网页/移动端界面的自然语言描述，工具即可生成完整的 UI 设计稿，并且直接输出可用的前端代码（HTML/CSS + 组件化结构）。
为什么用它 需求很简单，一个纯前端的网页，逻辑也不复杂，就是一个类似于答题测试的网站，都不需要有登录和存储功能，所以唯一的工作量或许就是设计了，我最初天真的以为设计拿这个整完我改改就完事了
二、核心体验：
很强。
| 维度 | 说明 |
|---|---|
| 设计美感 | 配色、排版、间距都有专业水准，没有一眼AI |
| 代码质量 | 设计即代码，给出的结构清晰，且能考虑到一些我都忽略了的内容 |
| 可用性 | 自然语言调整就足够，不需要特别复杂的prompt |
⚠️ 也不是没有踩坑
坑 1：插图引用的是 Google CDN 链接
它设计的时候会直接生成图片，生成的图片资源直接引用的是 lh3.googleusercontent.com 等谷歌域名的图片链接。
这点我自己测试的时候没有发现，直到我发给客户测试的时候才注意到图片加载不出来
坑 2：Google组件
同样的有一些图标用的是google的组件，到时候同样是加载不出来
只要注意一下上面两点就好，总体来讲用的还是很爽的，这次是我第一次给别人写网站，深刻意识到了提前给客户商量好设计稿和设计文档的重要性，拿这个网站生成的图发给客户还能装一装（）