AI教程

Figma AI怎么用?Agent、Make、提示词、Credits与团队治理

FigmaAI不是一个隐藏的自主智能体模式。本文依据官方文档区分Designagent、FigmaMake与单项AI工具,给出权限排查、提示词、设计系统、功能原型、AIcredits、数据治理和发布验收步骤,并撤回旧稿虚构命令。

一个设计画布分流到界面草稿、可运行原型、图片内容编辑和团队治理四条 Figma AI 工作路径
本页目录
  1. 先选对入口:Design agent、Make 还是单项工具
  2. 开始前检查:计划、席位、文件权限和管理员开关
  3. 第一条工作流:用 Figma Design agent 生成或修改界面
  4. First Draft 现在处于什么位置
  5. 第二条工作流:用 Figma Make 做可运行原型或网页应用
  6. Figma Make 验收:能预览不等于能上线
  7. 单项工具:小任务比“大智能体”更合适
  8. AI credits 怎样预算,为什么不能写成“免费无限”
  9. 团队治理:聊天可见性、训练设置和设计系统权限
  10. 常见问题排查
  11. 一套可直接执行的 45 分钟练习
  12. 结论:先定义交付,再调用 AI
  13. 主要官方来源
  14. 编辑复核与纠错记录

直接答案: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 AI 工作路径
先定义交付物,再选择 Figma AI 入口;“做一张界面”和“做一个能运行的应用”不是同一任务。图:兰塞 AI 使用图像生成工具制作,编辑部复核。
你真正要交付什么 优先入口 最小输入 最终仍需人工验收
可编辑的页面、组件探索或现有设计改版 Figma Design 中的 agent 目标、选中对象、库、约束与参考框架 组件复用、变量、响应式、可访问性与内容准确性
能点击、包含逻辑或数据的功能原型/网页应用 Figma Make 用户任务、页面状态、数据规则、参考设计 功能、错误状态、安全、性能、权利与发布设置
给已有界面加简单原型连接 Make interactions 单项工具或手动 Prototype 起始对象、目标框架、触发方式 返回路径、覆盖层、键盘与触控行为
替换文案、翻译、改图、去背景、重命名图层 对应单项 AI 工具 已选择的对象和窄范围要求 品牌语气、事实、图片权利和图层结构
团队复用组件、变量与规则 连接 library;成熟团队再评估 Make kit 已发布的库、命名、变量与使用规则 主组件是否被误改、模式是否正确、变更责任

官方将入口明确分为 Figma Design agentFigma 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 提供结构化上下文。

Figma Design agent 从定义任务、连接设计系统、生成副本、结构复核、状态补齐到交付记录的六道验收门
任何 AI 生成界面都应在副本中通过结构、状态、可访问性与责任记录后再进入主文件。图:兰塞 AI 编辑部原创。
阶段 提示或动作 通过条件 失败时怎么收窄
定义任务 说明用户、页面目标、平台、必需模块和禁用项 任何人能说清“完成”是什么 去掉“高级、好看”等无法验收的词
连接上下文 选择目标框架,连接 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 和编辑权限的人看到;旧聊天规则不同。提示中不应包含不希望文件协作者看到的机密。

Figma AI 团队从文件分级、权限、训练设置、提示数据、生成复核到发布归档的治理流程
AI 开关、内容训练、聊天可见性和发布权限是不同控制,不可互相替代。图:兰塞 AI 编辑部原创。
控制 解决什么 不能替代什么
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 分钟练习

  1. 0—5 分钟:在无客户数据的 Drafts 中新建练习文件,记录计划、seat、AI 余额和当前可见入口。
  2. 5—10 分钟:写清一个用户、一个任务、一个页面和三种状态,建立原始框架副本。
  3. 10—20 分钟:在 Design agent 中连接必要 library,要求只修改副本并先列计划;记录运行前后 credits。
  4. 20—30 分钟:检查 auto layout、组件实例、变量、图层名、长文本、错误和焦点状态;人工修复并保留差异。
  5. 30—38 分钟:若任务需要真实逻辑,另开 Make 文件,粘贴已验收 frame,使用 plan mode 描述一个最小流程。
  6. 38—45 分钟:测试键盘、小屏、失败路径与数据边界;记录哪些输出可保留、哪些被撤回以及下一步责任人。

练习的目标不是证明“AI 比设计师快多少”,而是建立可重复的输入、证据和验收方式。想比较 Figma 与其他工具时,应在同一任务、同一素材、同一验收清单和相近预算下运行,不能引用不同作者的营销样例作速度排名。站内工具评估证据框架聊天、Agent 与工作流选择方法可作为补充。

结论:先定义交付,再调用 AI

需要可编辑界面,先用 Design agent;需要能运行的交互应用,进入 Figma Make;需要局部文案、图片、命名或简单连接,选择单项工具。无论入口是哪一个,都要保留原始版本、限制作用范围、连接可信上下文、逐项检查结构与状态,并记录 credits、人工修改和发布责任。AI 可以加快探索与重复操作,但不能替代需求确认、设计系统治理、可访问性、工程安全、素材权利和最终签字。图片或社区素材的下载与授权检查,可结合站内合法下载与版权核验方法执行。

复核日期:。功能入口、beta 范围、AI credits 与计划规则变动较快;若当前界面与本文不同,以 Figma 官方帮助中心和管理员后台为准,并通过本站纠错渠道反馈。

主要官方来源

编辑复核与纠错记录

本文由兰塞 AI 编辑流程于 复核。旧稿虚构“AI Pro”“AI Command Center”“/enable agent mode”“Auto-Wire Interactions”等入口,并给出没有测试记录的固定生成速度;A 级候选稿撤回这些断言,依据 Figma 官方文档重建产品分流、权限、提示、credits、数据治理、设计结构、功能和发布验收框架。本站的来源、更新与纠错原则见关于本站与编辑规范