Figma AI

简介

Figma AI 是 Figma 平台原生集成的人工智能设计能力套件，于 2024 年 6 月正式发布。作为全球领先的 UI/UX 设计协作平台的 AI 增强层，Figma AI 覆盖从需求表达、设计生成、设计系统管理到开发交付的全流程智能化支持。平台深度整合 Google Gemini 系列模型、OpenAI GPT 图像模型以及 Anthropic Claude 等大语言模型能力，同时通过自研的模型上下文协议服务器（MCP Server），实现设计端与开发工具链（如 Codex、Claude Code、Cursor 等）的双向实时协同。Figma AI 的核心定位并非替代设计师，而是将设计师从重复性执行工作中解放出来，使其专注于定义问题、创造体验与做出决策。

核心功能

• 自然语言生成设计初稿：用户使用自然语言描述界面需求后，Figma AI 能够在数秒内生成符合设计系统规范的多套设计方案，包括布局结构、组件选择和间距排版。生成的设计稿为可编辑的 Figma 图层，支持后续的精细化调整。该功能通过 First Draft 入口访问，2026 年 5 月起由 Figma Agent 作为统一的访问入口。
• 图像智能编辑：内置完整的 AI 图像编辑工具箱，包括一键消除图像中的指定对象并自动修复背景、精准分离并提取图像主体（人物、文字、物体等）为独立图层、一键去除背景、AI 智能延伸图像边界以适应不同画幅、通过自然语言提示词修改图像细节和风格。所有图像编辑操作均在 Figma 平台内完成，无需切换至外部软件。
• 多端自适应生成：AI 可自动为同一设计稿生成适配多种屏幕尺寸的版本，智能处理布局重排、内容隐藏优先级和触摸热区调整。设计师只需指定目标设备类型，AI 即自动应用响应式设计的最佳实践，同时保留手动微调每个适配版本的灵活性。
• 设计系统智能化管理：AI 可自动扫描整个团队的设计文件库，识别频繁出现的 UI 模式，提取并归类为标准化组件，自动清理重复和低质量的变体。该能力既适用于新项目，也对积累了设计债的存量产品同样有效。
• 设计评审自动检查：AI 自动完成设计文件的全面合规检查，包括对比度是否符合 WCAG AA 标准、多语言翻译文本溢出检测、Tab 键焦点顺序合理性、设计系统弃用组件的识别等，将质量保障从事后发现提前至设计过程中。
• 开发交付文档自动生成：AI 可自动生成设计稿的开发者交付文档，包括精确的 CSS 变量定义、组件属性到 React/Vue 的映射关系以及交互状态的开发描述。设计师修改组件属性后，AI 会同步更新其在暗色模式、悬停状态和禁用状态下的所有相关值，并自动更新开发文档。
• Figma Make：无代码应用构建：基于 Anthropic Claude 3.7 Sonnet 模型构建的“提示到代码”工具，用户通过与 AI 对话的方式，将设计想法转化为可交互的原型或 Web 应用。支持基于原型图、设计组件、设计图以及纯自然语言提示词四种生成方式。生成的应用程序可通过专属链接共享或发布到公共网页，并支持实时多人协作。
• Figma Agent：画布原生智能体：2026 年 5 月 20 日正式推出的画布内嵌 AI 智能体，可直接读取用户的设计系统、组件库及团队上下文，像真实团队成员一样在同一文件中协同工作。支持并行探索（同时生成多种风格方案）、批量编辑（跨页面修改字体、替换图片、统一组件状态）以及智能整合设计反馈（自动汇总评论内容并生成可执行的设计调整）。
• AI 图像生成与视频媒体创作（Figma Weave） ：Figma 于 2025 年收购 Weavy 后推出的 AI 原生创作平台，将顶尖 AI 模型（如 Seedance、Sora、Veo、Flux、Ideogram 等）与专业编辑工具整合至单一画布。采用节点式工作流，用户可自由组合生成式 AI 输出与手动编辑，实现图像、视频、动画、动态设计和 VFX 媒体的端到端创作。
• MCP 服务器与开发工具链协同：Figma 自研的模型上下文协议服务器（MCP Server）使 AI 编码工具（如 Codex、Claude Code、Cursor 等）能够直接读取和理解 Figma 设计文件中的图层、组件、样式和布局信息，将设计稿一键转化为前端代码，实现设计到开发的智能化衔接。
• 图层智能管理：AI 可自动为设计文件中的所有图层赋予具有语义的名称，帮助设计师快速定位和组织大量图层。还支持批量重命名变量、跨屏幕应用组件替换等效率提升功能。
• 文字内容处理：支持在 Figma 内直接调整文字的语调和长度、将文本翻译为其他语言，以及自动缩短文本以适应设计空间。
• 矢量图生成：支持将栅格图像通过 AI 转换为可编辑的矢量图层，保留原始图像的形状和细节。

产品优势

• 原生深度集成：AI 能力嵌入 Figma 协作画布底层，而非侧边栏附属功能，智能体能够读取组件、变量、Token 等完整的上下文信息，生成的输出天然符合团队的既有规范，从根本上解决了传统 AI 设计工具“生成好看但不落地”的问题。
• 编辑而非生成：Figma AI 的核心定位是编辑型智能体，而非一次性生成工具。所有 AI 操作均在已有设计文件基础上进行，输出结果可以被继续编辑和迭代，真正融入团队的设计工作流。用户可以在 AI 生成初稿的基础上进行精细化调整，也可以让 AI 在已有设计上执行批量修改。
• 并行探索与批量处理：智能体支持“并行提示”机制，可同时发起多个发散性请求并同步输出多种方案，彻底改变线性试错的传统模式。批量编辑能力让跨文件范围的字体、颜色、组件替换等重复性工作在数秒内完成。
• 设计到开发全链路贯通：通过 MCP 服务器，Figma AI 打通了从设计生成到代码交付的完整链路。设计师在 Figma 中完成探索后，可通过 MCP 将成果导入代码编辑器，开发调整后再推回设计端，全程保持上下文一致。
• 覆盖全设计流程：从需求表达（自然语言生成设计稿）、设计执行（图像编辑、多端适配）、设计治理（设计系统管理、自动评审）、到开发交付（代码生成、文档自动生成），Figma AI 覆盖了产品设计全生命周期的每个关键节点。
• 多模型生态整合：深度整合 Google Gemini 系列、OpenAI GPT 图像模型、Anthropic Claude 以及第三方顶尖 AI 模型，用户可根据不同任务选择最适配的模型能力，而非被绑定于单一 AI 供应商。

应用场景

• UI/UX 设计加速：设计师使用自然语言快速生成界面初稿和设计迭代方案，从空白画布到可用的设计原型的时间大幅缩短。
• 设计系统治理与维护：企业级设计团队可利用 AI 扫描设计文件库，识别低质量组件、清理设计债，将散落的设计模式统一为标准化组件库。Airbnb、Spotify 等设计系统重度用户已在实际项目中利用 AI 重构和优化设计系统。
• 营销与品牌素材创作：市场团队利用 Figma Buzz 产品生成大批量品牌视觉资产，在保持品牌一致性的前提下实现规模化创作。AI 图像编辑工具箱适用于快速处理电商 Banner、社交媒体配图等营销物料。
• 前端代码生成与设计交付：开发团队通过 Figma MCP 服务器将设计稿一键转化为前端代码，实现从设计到代码的无缝衔接。AI 自动生成的开发者交付文档帮助开发人员准确理解设计意图，减少设计与开发之间的沟通损耗。
• 无代码应用开发：产品经理和创业者使用 Figma Make，通过自然语言对话直接构建可交互的原型和 Web 应用，无需编写代码即可快速验证产品想法和收集用户反馈。
• 设计评审与质量控制：设计负责人利用 AI 自动评审功能，快速检查设计文件的可访问性合规性、多语言文本溢出、组件规范一致性等问题，将设计质量的保障从事后发现提前至设计过程中。
• 跨端响应式设计：为移动端、平板端和桌面端等多种屏幕尺寸制作同一界面的适配版本，AI 自动处理布局重排、内容优先级和触摸热区。
• AI 视频与动态设计创作：视觉设计师和影视创作者使用 Figma Weave 进行专业的视频生成、动画设计和 VFX 媒体创作，将生成式 AI 输出与手动编辑自由组合。
• 图像后期处理与精修：UI 设计师在 Figma 内部完成图像的背景移除、对象消除、边界延伸、分辨率提升等操作，无需切换至 Photoshop 等外部软件，提升设计工作流的连续性。
• 设计灵感探索与方案对比：设计师使用并行提示功能，同时生成多种风格方向的设计方案，高效对比后快速收敛最优解。
• 跨部门协作与演示：团队利用 Figma AI 生成的设计稿和可交互原型，在不同角色之间实现高效沟通与方案验证，非设计背景的成员也能通过直观的交互体验理解设计意图。

使用教程

• 开启 AI 功能访问
  • Figma AI 功能仅对付费计划（Professional、Organization、Enterprise）中的 Full Seat 用户开放。
  • 免费 Starter 计划用户拥有每月 50 次基础 AI 生成操作的限制。
• 使用 First Draft 生成初稿
  • 点击设计画布工具栏中的 Actions 按钮。
  • 选择 First Draft 菜单项。
  • 按需点击 Library 选择网页或移动端应用的线框图库（不选择时系统自动匹配）。
  • 在输入框中输入设计需求描述（例如：“开发者工具初创公司的定价页面”），点击 Make it 执行生成。
  • 通过下方缩略图预览不同的主题方案，确认满意后关闭 Action 菜单即可获得可编辑的设计框架。
  • 如需进一步优化，点击 Make changes 使用提示词或样式控件进行修改。
• 使用图像编辑工具
  • 选中画布中的图像图层，激活上下文工具栏。
  • 选择所需编辑功能：Remove background（一键去背景）、Erase objects（消除对象并修复背景）、Isolate object（提取主体为独立图层）、Expand image（AI 智能延伸图像边界）、Boost resolution（提升低分辨率图像清晰度）。
  • 根据提示完成编辑操作。
• 生成可交互原型与 Web 应用（Figma Make）
  • 在 Figma 平台中打开 Figma Make 界面。
  • 选择生成方式：上传原型图、粘贴设计组件、上传设计图截图、或直接输入自然语言提示词（如“创建一个记笔记的简单 Markdown 应用”）。
  • 与 AI 进行多轮对话，迭代优化生成的界面。
  • 使用内置编辑工具修改填充、边距、颜色和文本属性。
  • 完成设计后，生成专属分享链接或发布至公共网页。支持自定义应用名称和域名地址。
• 使用 Figma Agent（画布智能体）
  • 该功能于 2026 年 5 月 20 日推出 Beta 测试，面向 Professional、Organization 和 Enterprise 计划的 Full Seat 用户开放。
  • 从画布左侧边栏打开 Agent 界面，在任何设计图层上发起自然语言指令。
  • 使用并行提示功能，同时请求生成多种风格方案（例如：“生成有机风、现代风和复古风三种方案”）。
  • 使用 @ 符号提及具体的组件、变量和 Token，引导 Agent 严格遵循设计系统规范。
  • Agent 在后台执行任务的同时，用户可以继续编辑画布中的其他内容，互不阻塞。
• 使用 MCP 服务器进行设计与代码同步
  • 在 AI 编码工具（如 Codex、Claude Code、Cursor 等）中配置 Figma MCP 服务器连接。
  • 编码工具通过 MCP 读取和理解 Figma 设计文件中的图层、组件、样式和布局信息。
  • 将设计稿一键转化为前端代码，或将代码改动实时同步回设计画布，实现双向闭环。
• 批量编辑与全文件修改
  • 在 Figma Agent 中输入批量修改指令（例如：“将整个文件的文字统一改为 Inter 字体”或“将一组卡片组件切换至激活状态”）。
  • AI 将在数秒内完成全文件范围的调整，严格遵循团队的设计规范。
• 启动自动设计评审
  • 在设计文件中访问 AI 设计评审功能。
  • AI 自动检查对比度合规性（WCAG AA 标准）、文本溢出风险、Tab 键焦点顺序、组件规范一致性等问题。
  • 针对发现的问题，AI 提供优化建议并支持一键修改。

价格说明

Figma AI 的访问权限通过 Figma 的订阅体系进行管理，采用 AI 积分制，不同订阅计划享有不同的积分额度。所有 Figma AI 功能共享统一的积分池。

• 免费计划（Starter） ：每月享有 50 次基础 AI 生成操作，包括内容生成、图层重命名和背景移除等基础功能。Figma Make 可在个人草稿中生成简单原型，但无法发布或公开分享。
• 专业版（Professional） ：每月拥有 3,000 AI 积分（约 50-70 次复杂提示），解锁无限 AI 内容生成、多语言翻译（支持 20 余种语言）、自动排版适配以及 Figma Make 的完整权限（包括 Web 应用发布和 Supabase 后端集成）。
• 组织版（Organization） ：面向企业团队，按需协商定价。包含专业版全部功能，并附加组织级设计系统管理、权限控制（如按工作区禁用 AI 功能）和合规审计等企业级功能。
• 企业版（Enterprise） ：定制价格方案。每月拥有 4,250 AI 积分（约 80-100 次提示），在组织版基础上增加深度集成与定制能力，包括与代码工具（如 VS Code）的无缝协作、自定义 AI 模型和品牌模板支持。
• 积分购买：2025 年底计划推出积分购买功能，付费用户可按需扩展使用限额。
• AI Agent Beta 阶段：Figma AI Agent 在 Beta 测试期间（2026 年 5 月 20 日起）不消耗 AI 积分，正式上线后恢复积分计费模式。
• Figma Slides AI 功能：免费用户每月享有 50 次 AI 操作。
• 2025 年订阅价格调整：2025 年 3 月 11 日起，专业版月费由 12 美元上调至 16 美元。年度订阅价格为 12 美元/席位（较月度节省 25%）。组织版价格为 45 美元/月/全功能席位。
• 提示：学生和教师通过教育邮箱认证后，专业版首年可享 6 折优惠。

FAQ

Q：Figma AI 支持哪些付费计划？

A：Figma AI 功能仅对付费计划（Professional、Organization、Enterprise）中的 Full Seat 用户开放。免费 Starter 计划用户拥有每月 50 次基础 AI 生成操作的限制。

Q：Figma AI 使用什么 AI 模型？

A：Figma AI 深度整合了 Google Gemini 系列模型、OpenAI GPT 图像模型、Anthropic Claude 以及 Flux、Ideogram、Seedance、Sora 等第三方顶尖 AI 模型，用户可根据不同任务选择最适配的模型能力。

Q：Figma Make 和 Figma AI 有什么区别？

A：Figma AI 是涵盖设计生成、图像编辑、设计系统管理等多维度能力的 AI 工具套件。Figma Make 是该套件中的一个特定工具，专注于将自然语言提示直接转化为可交互的原型或 Web 应用，实现“提示到代码”的端到端能力。

Q：Figma AI Agent 是什么？

A：Figma AI Agent 是 2026 年 5 月 20 日推出的画布原生 AI 智能体，深度集成于 Figma Design 画布中，可直接读取用户的设计系统、组件库及团队上下文，像真实团队成员一样协同工作。支持并行探索、批量编辑和智能整合设计反馈三大核心能力。

Q：Figma AI Agent 与 Figma Make 如何配合使用？

A：用户可以在 Figma Design 中使用 Agent 生成设计图层以明确意图，然后将设计发送至 Make 生成代码层以定义行为，最后再嵌入回 Figma Design 中进行迭代。两者形成互补关系。

Q：如何使用 Figma AI 生成设计初稿？

A：点击画布工具栏中的 Actions 按钮，选择 First Draft，输入设计需求描述，AI 即可生成可编辑的设计初稿。2026 年 5 月后，Agent 成为 First Draft 的新入口。

Q：Figma AI 是否支持批量处理操作？

A：支持。Figma AI Agent 支持跨页面批量修改字体、统一替换图片与文案、批量应用组件与变量，以及在全文件范围内执行字体更改等批量操作。

Q：如何让 AI 生成的设计遵循团队的设计系统？

A：Figma AI Agent 能够读取设计文件中的组件、变量和 Token 信息。在指令中使用 @ 提及具体的组件或变量名称，即可引导 AI 严格遵循设计系统的规范。

Q：Figma AI 的积分计费如何运作？

A：所有 Figma AI 功能共享统一的积分池。专业版每月 3,000 积分，企业版每月 4,250 积分。不同的 AI 操作消耗不同数量的积分。2025 年底计划推出积分购买功能，付费用户可按需扩展限额。AI Agent 在 Beta 测试期间不消耗积分。

Q：Figma AI 能否生成可运行的代码？

A：可以。Figma Make 可将自然语言提示直接转化为可运行的 Web 应用和交互原型。通过 Figma MCP 服务器，开发工具可以直接读取 Figma 设计文件并生成前端代码。

Q：Figma AI 的图像编辑能力有哪些？

A：Figma AI 提供消除对象并自动修复背景、精准隔离图像主体为一键抠出、一键去除背景、AI 智能延伸图像边界、提示词驱动图像修改等一整套图像编辑工具箱。

Q：免费用户如何使用 Figma AI？

A：免费 Starter 计划用户每月享有 50 次基础 AI 生成操作。可使用智能搜索、图层重命名、基础内容生成和背景移除等基础功能。Figma Make 可在个人草稿中生成简单原型，但无法发布或公开分享。