只有文字需求,让 AI 开发页面时,我经常遇到两个问题:效果总差一点,不同页面的按钮、颜色和风格也不统一。
这期以一个健身记录 App 为例,演示如何用 Codex + Figma,从产品想法出发,生成统一的视觉规范和可编辑的 UI 设计稿。
视频包含:
- 产品 brief 怎么写
- 产品名和 Slogan 怎么定
- 如何挑选设计参考图
- 如何生成色彩、字体、按钮等视觉规范
- 如何按功能逐步生成并检查 UI 页面
重点是把需求、参考图和视觉规范准备好,再逐个推进页面设计。最终得到的 Figma 稿中,各个设计元素都可以继续修改。
下期会接着演示:如何根据设计稿开发 App,并安装到手机上。