适合人群:产品、设计或运营同学,想快速做出一个能点击操作的原型给评审看,但不打算自己写代码。本文介绍如何在 Figma 里用 Make,用一句话生成可交互原型,并继续用对话改下去。
本文用一个场景贯穿:小美是产品同学,下周要评审一个待办清单方案,希望评审时大家能直接点选、勾选和新增任务,而不是只看静态图。
一、确认账号与权限
根据 Figma 帮助中心说明,Figma Make 面向付费方案上的 Full 席位;其他席位和方案也可以试用,具体能否创建、分享或发布,以当前账号与套餐页面为准。
组织或企业若关闭了 AI 功能,入口可能不可用。教育类账号也有额外限制,以帮助中心最新说明为准。
二、创建一个 Make 文件
- 打开 Figma 文件浏览器,进入自己的 Drafts(草稿);
- 在右上角找到 Make 并点击(有的界面会先点创建再选 Make,以你看到的按钮为准);
- 也可以从官方提供的 Make 模板起步,或按文档说明从代码仓库克隆;新手直接从空白 Make 文件开始即可。
进入后会看到聊天区和预览工作区。聊天用来下指令,预览用来点击试用生成结果。
三、写清楚第一句需求并发送
官方建议把任务、对象和约束写具体,少让模型自己猜测。小美可以这样写:
做一个桌面端待办清单原型,给产品评审用。需要: 1. 新增任务(标题必填) 2. 勾选完成并划掉文字 3. 按未完成 / 已完成筛选 4. 本地保存列表示意即可,不要登录 风格简洁,主按钮一个,中文界面还可以:粘贴已有 Figma 画板或图片作参考;付费方案可带上设计库风格;复杂需求可先开 plan mode(付费)让模型给出计划再写代码。不要把 API 密钥、住址等敏感信息直接写进聊天,需要密钥时应按文档用后端能力保管。
点 Send 后开始生成,复杂结果可能要几分钟。过程中聊天里可能出现待办清单式进度。生成期间可以继续排队下一条提示,队列项一般可调整顺序或删除。
四、在预览里试用,再用对话改
完成后会出现变更摘要和可交互预览。
- 在预览里实际点一遍:新增、勾选、筛选是否符合评审脚本;
- 不满意就继续在聊天里改,例如「把筛选改成分段控件」「未完成数量显示在标题旁」;
- 改某一小块时,可用编辑工具点选元素,或加批注锚定到具体区域,再写短指令,减少整页重做;
- 若越改越偏,可按文档清空当前聊天上下文后重说需求。
官方还提醒:逐步迭代通常比一次塞进所有细节更稳;有现成画板时尽量附 frame,而不是只丢截图。
五、分享前的注意点
- 每次发送提示会消耗 AI 额度,用量与模型、任务复杂度和上下文有关,以账号用量说明为准;
- 生成结果可能带入第三方字体、代码包或图片,对外发布前请自行确认权利;
- 评审阶段一般先分享预览链接即可。是否发布到社区或公网、以及席位能否分享,以套餐权限为准。
做完主路径后,小美还可以再补一条提示,例如增加「清空已完成」按钮,或把空状态文案改成更符合业务语气的句子。每次只改一处,方便对照评审意见。
常见问题
问:我找不到 Make 按钮?
答:先确认打开的是 Drafts,并检查账号席位与团队是否启用 AI。仍没有时,以界面和帮助中心为准。
问:生成很久或结果不对怎么办?
答:等进度结束;把需求拆小、一次改一处;复杂项目先用 plan mode;持续跑偏就清空聊天上下文再试。
问:可以只靠截图吗?
答:截图能给方向,但不如 Figma frame 含结构化信息。有设计稿时优先附 frame。
问:提示里能直接贴密钥吗?
答:不要。需要调用私有接口时,按官方说明添加后端来存放密钥。
小贴士
- 第一句写清功能列表,比只说「做个待办应用」更容易一次接近目标。
- 评审用原型先保证主路径可点,细节样式放在后面改。
- 用编辑工具和批注做定点修改,少整页重生成。
- 对外演示或发布前核对第三方素材授权,并留意 AI 额度。
参考资料
- Figma Help:Create a Figma Make file https://help.figma.com/hc/en-us/articles/31304485164695-Create-a-Figma-Make-file