适用场景:现网页面调整 / 新增功能页面(基于现有组件库)
0. TL;DR(快速流程)
- 选模型(Gemini 3 Pro / Claude Opus 4.6)并确认积分成本
- 选择组件库与可复用模板(优先用现有页面做起点)
- 生成主界面(关键词 + 约束条件)
- 局部调整(样式 / 结构 / 组件调用)
- 补齐交互状态与边界场景
- Copy design 到设计文件精修
1. 前置准备(重要)
1.1 选择模型(避免语义偏差)
- 在设置中,将模型切换为 Gemini 3 Pro 或 Claude Opus 4.6(语义理解更稳)
- 默认模型对语义理解较弱,建议优先切换为 Gemini 3 Pro
Figma Make 入口:
https://www.figma.com/make/new?p=f&t=S8H5fGXyOhVllVqh-0&localFileKey=LOCAL_6a07d289-2b01-4fd2-ac85-5a87305bf203
1.2 积分成本(先评估再开工)
但要注意积分消耗:
无标题
2. 创建页面(从组件库开始)
2.1 选择对应终端组件库
打开 Figma Make → 登录 Figma 账号 → 右上角「Make」→「Select a library」→ 选择对应组件库。