一、设计稿
使用Stitch - Design with AI,通过需求描述可以生成设计图
https://stitch.withgoogle.com (需科学上网)。
1、描述你的需求生成设计图:
如提示词参考:
设计一款Al食物卡路里识别APP UI.
风格:清新自然,最尾草绿配奶油黄,柔和國角,白色背景。包含页面:1.启动页;2.主频 (环形卡路里余额+大悬浮相机校钮);3.拍照页 (含极简中心对焦框);4.结果页 (展示照片、大号数字及简单甜甜圈图);5.个人中心 (带日历视图)。氛围:现代、轻盈、适合小白

2、导出设计稿
选中需要的设计图,点击浮条『More』,可以支持导出预览或者到figma。

选择导出zip


如图导出解压后,可以看到每个页面都生成了图片和code.html。
二、生成app
使用AI工具(支持多模态读取图片),让其读取当前目录下的设计图,结合html页面里的图片链接,生成iOS/Android/RN/Flutter代码,如


1200

被折叠的 条评论
为什么被折叠?



