宝子们!🤯 看了官方最新演示,Figma Make 不仅能生成UI,还能直接出可交互、可连数据库的真实代码!不管是做Side Project还是快速验证想法,这个工作流必须码住!👇
1️⃣ 启动与投喂
在Figma中打开“Make”,输入详细的Prompt描述功能(如外卖APP)。重点是!可以直接选中现有的Figma设计稿作为Reference,AI会完美复刻你的设计风格和结构,拒绝“开盲盒”!✨
2️⃣ 生成与微调
AI生成后,不仅是图片,而是可点击的Web应用!
可视化修改:哪里不满意点哪里,改字号、间距像P图一样简单。
AI修复:遇到图片加载失败?直接告诉AI“修好它”,Bug自动消失!
3️⃣ 注入灵魂
不仅是花架子!Figma Make支持连接Supabase数据库。像登录注册、用户信息、订单数据这种后端功能,配置一下就能跑通,真正的Full Stack体验!
4️⃣ 发布与回流
做完直接一键Publish生成在线链接,发给开发或客户看Demo超方便。最绝的是支持反向导出,把生成的代码转回Figma图层和Auto Layout,学习代码结构不是梦!💡
设计师变全栈指日可待,大家快去试试!🏃♀️💨