• 投稿

详细教程| AI 如何生成高质量 UI 设计稿?Codex + Figma 完整实操,附整套视觉规范

9844
2
2026-09-16 09:57:07
263
106
665
47
只有文字需求,让 AI 开发页面时,我经常遇到两个问题:效果总差一点,不同页面的按钮、颜色和风格也不统一。 这期以一个健身记录 App 为例,演示如何用 Codex + Figma,从产品想法出发,生成统一的视觉规范和可编辑的 UI 设计稿。 视频包含: - 产品 brief 怎么写 - 产品名和 Slogan 怎么定 - 如何挑选设计参考图 - 如何生成色彩、字体、按钮等视觉规范 - 如何按功能逐步生成并检查 UI 页面 重点是把需求、参考图和视觉规范准备好,再逐个推进页面设计。最终得到的 Figma 稿中,各个设计元素都可以继续修改。 下期会接着演示:如何根据设计稿开发 App,并安装到手机上。
产品经理|独立开发者 代表作:宝贝习惯养成(小程序) 分享产品思考&0 代码开发实践经验 857357680@qq.com
独立开发者
(1/4)
3万播放
简介
详细教程| AI 如何生成高质量 UI 设计稿?Codex + Figma 完整实操,附整套视觉规范
04:56
详细教程|如何用Trae自动生成高质量APP并装到手机
05:50
详细教程|如何用Trae 2小时生成高质量APP
05:55
详细教程|如何用AI 开发 APP并装到手机上。自己想要的APP,我用AI做出来了!
04:11
客服
顶部
赛事库 课堂 2021拜年纪