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