寻找AI——高保真还原设计图生成App页面

最近想快速开发APP，又苦于使用AI生成的界面，有点不近人意。所以想找一个更好的方式。

然后就进行了我的探索之旅。

• 1.想法是通过描述+提示词，生成设计图，试了1个还是推荐的，结果呢发现并不好用。不太适合设计师小白和产品小白，我们适合用更简单的高效的。我这里就说什么AI产品了，可能是我不会用。

• 2.找一个做APP，90%用了AI的大佬。探讨了一下思路，取了经。确定了整体思路是正确的。

• 3.通过豆包生成了页面和功能规划，然后CodeBuddy生成了网页应用。

• 4.使用Crome浏览器插件Builder.io将网页应用，样式Copy到figma上。这里是有点折腾了，还是我没有找到好用的AI，能够生成Figma原型，还有就是CodeBuddy不能通过网页生成的页面，进行参考编写APP页面，因为他获取不到信息。

• 5.最终在CodeBuddy中，引入figma文件，生成项目页面代码和功能。

这里要细说一下，按照下图的1、2、3进行操作，不是网上说的“全选，然后就可以了”

这里还没完，要点击左侧Generated Design，然后就会在右下角 chat 聊天窗口看到多了一张图片，可以点击查看一下，是否和你设计图一致。

• 6.最终实现效果还是蛮OK的。