直接答案:Figma AI 不是旧稿所写的一个“自主设计智能体模式”,而是分布在 Figma Design、Figma Make、FigJam、Sites、Slides 等产品中的一组能力。要从文字快速得到可编辑界面草稿,可在 Figma Design 中使用当前逐步接替 First Draft 的 Figma agent;要做能运行的交互原型或网页应用,应进入 Figma Make;只想改文案、图片、图层名或已有原型连接,则使用对应的单项 AI 工具。先按交付物选入口,再写提示词,能避免在错误产品里反复消耗 AI credits。
旧稿提到“AI Pro”“AI Command Center”“/enable agent mode”“Generate Layout”“Refine with AI”“detail_level=high”和“Auto-Wire Interactions”等入口或命令。本站未在 Figma 官方文档中找到这些名称;旧稿还给出“10—15 秒生成”“数小时压缩到几分钟”等未经记录的速度结论。本次全部撤回,以下步骤仅使用截至 官方文档可核对的入口、权限、计费和限制。
先选对入口:Design agent、Make 还是单项工具

| 你真正要交付什么 | 优先入口 | 最小输入 | 最终仍需人工验收 |
|---|---|---|---|
| 可编辑的页面、组件探索或现有设计改版 | Figma Design 中的 agent | 目标、选中对象、库、约束与参考框架 | 组件复用、变量、响应式、可访问性与内容准确性 |
| 能点击、包含逻辑或数据的功能原型/网页应用 | Figma Make | 用户任务、页面状态、数据规则、参考设计 | 功能、错误状态、安全、性能、权利与发布设置 |
| 给已有界面加简单原型连接 | Make interactions 单项工具或手动 Prototype | 起始对象、目标框架、触发方式 | 返回路径、覆盖层、键盘与触控行为 |
| 替换文案、翻译、改图、去背景、重命名图层 | 对应单项 AI 工具 | 已选择的对象和窄范围要求 | 品牌语气、事实、图片权利和图层结构 |
| 团队复用组件、变量与规则 | 连接 library;成熟团队再评估 Make kit | 已发布的库、命名、变量与使用规则 | 主组件是否被误改、模式是否正确、变更责任 |
官方将入口明确分为 Figma Design agent、Figma Make 与单项 AI 工具。不要因为都带“AI”就假设它们共享同一画布、同一权限或同一种输出。需要理解更一般的智能体边界,可先阅读站内AI 智能体与自动化指南。
开始前检查:计划、席位、文件权限和管理员开关
看不到某个入口时,先不要安装来历不明的插件或寻找隐藏命令。Figma 官方列出的常见原因包括:功能仍在逐步开放、计划或 seat 不支持、用户只有查看权限、文件位于不允许 AI 的 workspace,或者管理员关闭了 AI。Figma agent 当前在 Professional、Organization 与 Enterprise 计划中开放 beta;Full seat 可在共享 Design 文件中使用,其他 seat 可在 Drafts 中试用的范围不同。Figma Make 的完整能力主要面向付费计划的 Full seat。
| 检查项 | 怎么判断 | 常见误区 | 处理 |
|---|---|---|---|
| 产品 | 文件是 Design、Make、FigJam、Sites 还是 Slides | 在 Design 文件里寻找 Make 的聊天与代码编辑器 | 按交付物新建正确类型的文件 |
| 计划与 seat | 管理员后台和个人席位显示 | “付费团队”代表每个人都有 Full seat | 核对个人 seat 与目标功能要求 |
| 文件权限 | 是否有 can edit | 能评论就能运行 AI 修改 | 请求编辑权限或在 Drafts 试验 |
| AI 开关 | 管理员 AI settings | 没有按钮就是网络问题 | 让有权限的管理员核对组织/workspace 设置 |
| 灰度与 beta | 官方页面的 rollout 说明和当前界面 | 网上视频出现的入口每个账号都有 | 以当前账号和官方帮助中心为准 |
| AI credits | Main menu 中查看 AI balance | 试用、免费功能和付费生成都不限量 | 记录余额、重置日和每次运行消耗 |
如果只是想学习,可先在 Drafts 中用一个不含客户资料的练习项目,验证功能是否可见和输出类型。不要把真实密钥、客户名单、身份证明、未公开路线图或生产数据粘贴到提示词。Figma Make 的官方指南也明确建议敏感信息通过安全后端处理,而不是直接写入聊天。
第一条工作流:用 Figma Design agent 生成或修改界面
在 Design 文件里,选择一个框架或图层后点击 Agents,或使用 Ctrl/Command + Enter 打开画布提示框;也可从左侧导航打开持续聊天。与旧稿虚构的斜杠命令不同,当前官方流程是用自然语言描述目标,并通过选择对象、连接 library、引用组件或变量为 agent 提供结构化上下文。
| 阶段 | 提示或动作 | 通过条件 | 失败时怎么收窄 |
|---|---|---|---|
| 定义任务 | 说明用户、页面目标、平台、必需模块和禁用项 | 任何人能说清“完成”是什么 | 去掉“高级、好看”等无法验收的词 |
| 连接上下文 | 选择目标框架,连接 library,用 @ 指向组件/变量 | 输出基于现有组件而非随机构造 | 一次只连接必要库和对象 |
| 生成副本 | 复制原框架后再运行提示 | 原稿可比较、可恢复 | 不要直接覆盖唯一主版本 |
| 结构复核 | 检查 auto layout、组件实例、变量、图层命名 | 缩放和内容变化时结构仍稳定 | 逐层修复,不用外观遮盖结构错误 |
| 状态补齐 | 补空、加载、错误、禁用、悬停、键盘焦点 | 主流程和失败流程都能解释 | 按状态逐个生成,不一次要求全部 |
| 交付记录 | 记录输入、人工修改、审核者和版本 | 团队知道哪些由 AI 生成且谁负责 | 未复核输出不得进入正式库 |
一个可执行的起始提示可以是:“在我选中的移动端结账框架副本中,使用已连接 library 的现有输入框、按钮和颜色变量,补齐地址、配送、付款与订单确认四个步骤;不要创建新主组件;同时建立空值、校验错误和网络失败状态。先列出计划,再修改画布。”它包含对象、平台、组件来源、状态与禁止事项,比“帮我设计一个高级商城”更容易验收。
官方页面列出的 agent 当前能力包括生成与改版、自动布局、组件实例、样式、变量、批量内容、图片编辑、评论总结和设计反馈等;但同一页面也明确标注“Prototyping and interactions”为 coming soon,且不能替用户导出资源。也就是说,不能因为 agent 能改画布,就默认它已经能完成所有原型连接或生产交付。
First Draft 现在处于什么位置
First Draft 官方页面说明,从 2026 年 5 月 20 日起,Figma agent 将逐步成为该能力的新入口。First Draft 仍可能出现在部分账号或旧教程中,但不应把它写成所有用户永久一致的菜单。它使用 Figma 自建的 wireframe/design libraries,适合常见网站和移动应用模式;对书籍排版、异形海报等非典型界面可能不理想。
| 场景 | 适合 First Draft/agent | 不应期待 | 人工下一步 |
|---|---|---|---|
| 常见登录、结账、列表和详情页 | 快速建立早期结构与多个方向 | 一次生成即可生产上线 | 绑定真实组件、状态和内容 |
| 已有设计系统的团队探索 | agent 连接 library 后参考组件/变量 | 自动理解所有未记录的团队惯例 | 明确组件、模式和禁用规则 |
| 高度品牌化营销页面 | 探索构图和内容层级 | 从截图准确恢复全部 token | 使用结构化 Figma frame 与品牌库 |
| 复杂业务后台 | 拆分单一流程的小范围页面 | 自动补全真实权限和数据规则 | 产品、设计、工程共同验收 |
第二条工作流:用 Figma Make 做可运行原型或网页应用
Figma Make 是 prompt-to-app 工作区,会生成代码和可交互预览。新建 Make 文件后,在聊天中描述应用;可附上 Figma frames、图片、代码或文件,连接设计库,使用 plan mode 先审计划,再生成。生成完成后,可继续对话、使用 Point and edit、直接改代码或回到版本历史。它不是把 Design 画布“自动变成生产代码”的单按钮,也不保证生成的后端、认证、支付或数据处理满足生产要求。
| 第一次提示必须包含 | 示例 | 为什么重要 |
|---|---|---|
| 用户与首要任务 | 客服主管查看超时工单并分配处理人 | 决定信息层级与主要动作 |
| 页面与状态 | 列表、筛选、详情、分配确认、空/错/加载 | 防止只生成一张“漂亮首页” |
| 数据结构 | 工单号、优先级、SLA、负责人、更新时间 | 让组件和交互基于真实字段 |
| 设计上下文 | 附 Figma frame、连接 library 或 Make kit | 减少随机构造和返工 |
| 行为规则 | 未选择处理人时禁止提交;失败可重试 | 定义可验证的逻辑 |
| 安全边界 | 使用假数据;不得嵌入密钥或个人信息 | 防止把演示原型当成安全系统 |
| 验收标准 | 手机与桌面可用、键盘可达、刷新不丢状态 | 把“完成”变成测试清单 |
推荐先使用 plan mode:要求 Make 只输出页面、组件、状态和数据计划,确认无遗漏后再写代码。第一次生成后不要用一个长提示同时修改十件事;按“结构—功能—视觉—可访问性—发布”的顺序,一次修一个可观察问题。官方credits 优化指南也指出,含糊的首条提示、错误模型和过长聊天历史都会造成返工;可复用模板与规则虽然前期有成本,长期反而减少重复生成。
Figma Make 验收:能预览不等于能上线
| 层 | 至少测试 | 常见假完成 | 需要留下的证据 |
|---|---|---|---|
| 功能 | 主流程、取消、重复提交、失败重试 | 按钮有动画但不改变正确状态 | 测试步骤、输入和结果 |
| 数据 | 空值、长文本、特殊字符、大量记录 | 只有固定样例卡片 | 测试数据与边界结果 |
| 响应式 | 小屏、桌面、横竖屏、缩放 | 单一截图尺寸正常 | 关键断点截图 |
| 可访问性 | 键盘顺序、焦点、标签、对比度、错误提示 | 视觉好看但无法操作 | 人工检查与工具报告 |
| 安全 | 密钥、认证、权限、上传、日志与第三方请求 | 前端隐藏字段被当成安全控制 | 威胁清单和责任人 |
| 权利 | 图片、字体、代码包、商标和用户输入 | 生成内容自动可商用 | 来源、许可与替换记录 |
| 发布 | 标题、描述、语言、索引、访问控制和分析 | 获得公开 URL 就算合规上线 | 发布设置截图与回滚方法 |
官方说明 Figma Make 可能引入互联网中的字体、代码包或图片,发布者负责核对权利。发布到公开网页时,还要设置标题、描述、语言、访问范围、搜索引擎索引、统计和隐私要求;第三方图片即使来自 Unsplash,也需要按具体用途审查。若原型处理用户提交内容或访客数据,应由负责的产品、安全和法律人员确定规则。
需要把 Make 代码带到外部环境时,可下载 zip 或推送到 GitHub;外部改动不会自动回写 Make。团队必须明确“哪个仓库/版本是事实来源”,否则 Make、GitHub 和部署环境会快速分叉。复杂工程上线可参考站内AI 编程项目验收方法,不要把视觉预览当成完整工程验收。
单项工具:小任务比“大智能体”更合适
若已有设计结构正确,只需要批量重命名图层、替换占位文案、翻译、去背景、生成图片或给两个框架建立简单交互,使用单项工具更容易控制影响范围。选择明确对象后运行,复核差异,再进入下一批;不要选中整页后要求“全部优化”。
| 工具 | 适用 | 最关键检查 | 不适用 |
|---|---|---|---|
| Rename layers | 整理上下文明确的图层名称 | 组件层级、团队命名规范 | 借命名掩盖错误结构 |
| Replace content / rewrite / translate | 样例数据和界面文案 | 事实、长度、语气、敏感信息 | 自动发布法律或价格文本 |
| Make/edit image | 概念探索、背景处理和局部修改 | 人物、商标、许可、真实性标注 | 伪造产品证据或客户截图 |
| Make interactions | 连接已有页面的常见原型行为 | 目标、返回、覆盖层和设备输入 | 复杂权限、数据或业务逻辑 |
| AI search | 查找库资产和设计 | 搜索结果版本和是否获准使用 | 替代组件治理 |
Make interactions 官方文档与 Design agent 的能力表应分开理解:单项原型工具存在,不代表 agent 当前能替你完成所有 prototyping。旧稿把两者合成一个不存在的“Auto-Wire Interactions”右键动作,正是产品边界混淆。
AI credits 怎样预算,为什么不能写成“免费无限”
Figma AI 使用共享 credits 体系,seat 每月额度、日限额、额外订阅和按量付费取决于计划与管理员设置。官方 credits 页面会列出当前功能消耗,但数值可能随模型与产品变化,因此购买前应直接核对当前页面和账号。
| 记录项 | 为什么记录 | 改进动作 |
|---|---|---|
| 任务与入口 | 区分 agent、Make、图片和单项工具 | 把可免费完成的小动作交给合适工具 |
| 运行前后余额 | 了解一次任务真实消耗 | 按模板沉淀高复用提示 |
| 返工原因 | 找出含糊需求、错误上下文或模型选择 | 首条提示先补验收条件 |
| 聊天历史长度 | 长上下文可能增加消耗与误解 | 任务变化时开启新文件或新会话 |
| 最终交付量 | 把生成次数和可用成果对应 | 按通过验收的页面/流程计算成本 |
内部可用成果成本 =(AI credits 与订阅 + 设计/产品/工程复核时间 + 返工 + 素材与外部工具)÷ 通过验收的页面或流程数。这是核算方法,不是 Figma 的官方报价。不能只统计“生成了多少屏”,因为未进入交付的探索稿没有产生等量业务价值。
团队治理:聊天可见性、训练设置和设计系统权限
团队使用 Figma AI 前,应由管理员和文件负责人核对数据、聊天与权限。官方说明,自 2026 年 6 月 23 日起,新建 Design agent 聊天默认可被对文件有 Full seat 和编辑权限的人看到;旧聊天规则不同。提示中不应包含不希望文件协作者看到的机密。
| 控制 | 解决什么 | 不能替代什么 |
|---|---|---|
| AI feature access | 组织或 workspace 是否可用 AI | 文件编辑权限和数据分类 |
| Content training | 新内容与修改是否参与 Figma 模型训练 | AI 功能开关、第三方数据处理审查 |
| 文件与聊天权限 | 谁能查看、编辑文件和相关聊天 | 发布后的公开访问控制 |
| Library 权限 | 谁能连接、引用或修改设计系统 | 主组件变更审批和版本记录 |
| Make 发布设置 | 公开、内部、密码、索引与域名 | 应用级认证、隐私与安全测试 |
| 人工复核 | 内容、结构、可访问性和业务逻辑 | 法律意见或专业领域审批 |
官方 AI 管理与训练设置明确区分了功能访问和 content training。Starter 与 Professional 的默认训练设置、Organization/Enterprise 的默认与可用开关并不相同;管理员应按当前计划页面核对。团队还应遵守站内编辑与纠错规范:AI 输出需要说明来源、复核者与更新边界。
常见问题排查
| 现象 | 先检查 | 不要做 | 合理处理 |
|---|---|---|---|
| 没有 Agents 或 Make | 产品、计划、seat、权限、管理员开关和 rollout | 输入旧稿虚构的斜杠命令 | 按官方 access 页面逐项核对 |
| 输出不使用设计系统 | 是否连接 library、是否 @ 引用组件/变量 | 让 AI 猜未公开规范 | 提供结构化组件上下文与禁止事项 |
| 画面好看但不可编辑 | 是否为图片、硬编码预览或结构化 Design 图层 | 继续叠加视觉效果 | 回到正确产品并重建结构 |
| Make 反复改坏 | 首条提示、聊天历史、任务范围和版本 | 在长会话里继续添加矛盾要求 | 恢复版本,以窄范围新会话重做 |
| credits 很快耗尽 | 返工、模型、上下文和重复基础生成 | 只追求每次提示最便宜 | 建立模板、guidelines 与明确验收 |
| 发布后被搜索到 | Make settings 的索引与访问范围 | 把随机 URL 当成保密措施 | 设置 noindex、内部访问或密码并复测 |
| 图片或代码权利不清 | 生成来源、第三方包、字体与素材许可 | 因 AI 生成就默认可商用 | 替换、记录或取得许可 |
一套可直接执行的 45 分钟练习
- 0—5 分钟:在无客户数据的 Drafts 中新建练习文件,记录计划、seat、AI 余额和当前可见入口。
- 5—10 分钟:写清一个用户、一个任务、一个页面和三种状态,建立原始框架副本。
- 10—20 分钟:在 Design agent 中连接必要 library,要求只修改副本并先列计划;记录运行前后 credits。
- 20—30 分钟:检查 auto layout、组件实例、变量、图层名、长文本、错误和焦点状态;人工修复并保留差异。
- 30—38 分钟:若任务需要真实逻辑,另开 Make 文件,粘贴已验收 frame,使用 plan mode 描述一个最小流程。
- 38—45 分钟:测试键盘、小屏、失败路径与数据边界;记录哪些输出可保留、哪些被撤回以及下一步责任人。
练习的目标不是证明“AI 比设计师快多少”,而是建立可重复的输入、证据和验收方式。想比较 Figma 与其他工具时,应在同一任务、同一素材、同一验收清单和相近预算下运行,不能引用不同作者的营销样例作速度排名。站内工具评估证据框架和聊天、Agent 与工作流选择方法可作为补充。
结论:先定义交付,再调用 AI
需要可编辑界面,先用 Design agent;需要能运行的交互应用,进入 Figma Make;需要局部文案、图片、命名或简单连接,选择单项工具。无论入口是哪一个,都要保留原始版本、限制作用范围、连接可信上下文、逐项检查结构与状态,并记录 credits、人工修改和发布责任。AI 可以加快探索与重复操作,但不能替代需求确认、设计系统治理、可访问性、工程安全、素材权利和最终签字。图片或社区素材的下载与授权检查,可结合站内合法下载与版权核验方法执行。
复核日期:。功能入口、beta 范围、AI credits 与计划规则变动较快;若当前界面与本文不同,以 Figma 官方帮助中心和管理员后台为准,并通过本站纠错渠道反馈。
主要官方来源
- Get started with Figma AI
- Work with the Figma agent in design files
- Use First Draft with Figma AI
- Create and edit a Figma Make file
- Publish, update, or unpublish a Figma Make file
- How AI credits work
- Best practices for optimizing AI credits in Figma Make
- Manage AI settings and content training
编辑复核与纠错记录
本文由兰塞 AI 编辑流程于 复核。旧稿虚构“AI Pro”“AI Command Center”“/enable agent mode”“Auto-Wire Interactions”等入口,并给出没有测试记录的固定生成速度;A 级候选稿撤回这些断言,依据 Figma 官方文档重建产品分流、权限、提示、credits、数据治理、设计结构、功能和发布验收框架。本站的来源、更新与纠错原则见关于本站与编辑规范。
