适用场景:现网页面调整 / 新增功能页面(基于现有组件库)

0. TL;DR(快速流程)

  1. 选模型(Gemini 3 Pro / Claude Opus 4.6)并确认积分成本
  2. 选择组件库与可复用模板(优先用现有页面做起点)
  3. 生成主界面(关键词 + 约束条件)
  4. 局部调整(样式 / 结构 / 组件调用)
  5. 补齐交互状态与边界场景
  6. Copy design 到设计文件精修

1. 前置准备(重要)

1.1 选择模型(避免语义偏差)

  1. 在设置中,将模型切换为 Gemini 3 Pro 或 Claude Opus 4.6(语义理解更稳)
  2. 默认模型对语义理解较弱,建议优先切换为 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」→ 选择对应组件库。