使用AI快速生成APP

一、设计稿

使用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代码,如
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值