Figma Agent

Figma Agent

AI 设计智能体

Figma Agent

Figma Agent 是 Figma 官方的 AI 设计助手,直接在画布上使用自然语言指令生成布局、批量编辑组件、连接跨平台上下文,将创意从想法到评审的整个流程压缩到一次对话。

3.7 亿
Figma 月活跃用户(2026)
MCP 协议
外部上下文接入
实时协作
原生支持

免费试用 · 无需下载即可在线体验

关于 Figma Agent

让 AI 成为设计师的第二个双手

Figma Agent 于 2026 年 10 月 7 日在 Product Hunt 首发,同期推出 Figma Agents 功能,定位「无需离开画布的原生 AI 设计助手」。Agent 可直接读取用户现有的组件库、变量系统和团队文件,生成的内容会直接成为可编辑的设计元素,而非静态图片。

与通用 AI 绘图工具(如 Midjourney、DALL-E)不同,Figma Agent 输出的是基于真实设计系统的结构化设计——组件层级清晰、命名规范、变量绑定正确,可直接交付给开发或进入原型评审流程。

核心功能一览

六大核心能力,覆盖创作全流程

✏️

画布原生指令

直接在 Figma 画布上通过自然语言指令生成布局、调整组件属性,结果立即成为可编辑的设计图层。

🔄

批量编辑与全局替换

一次性对数百个组件或屏幕进行统一修改,如更新品牌色、调整间距系统、批量替换图标。

🔗

跨平台上下文接入

通过 MCP 协议接入 Notion、Slack、GitHub、Linear 等工具,Agent 可自动读取需求文档、PR 描述或任务卡片并转化为设计。

💬

从评论到变更的自动转化

设计评审中的评论可直接被 Agent 解读并转化为实际的设计调整,缩短迭代周期。

📦

可复用技能与插件

团队可将常用设计流程保存为可复用技能,后续通过「/」命令一键调用,加速重复性工作。

零基础快速上手

4 步完成你的第一件 AI 作品,无需任何设计经验

1

安装 Figma Agent

在 Figma 中打开「Plugins」面板,搜索 Figma Agent 并安装;或通过 Figma 官方菜单直接进入 Agents 功能。

2

描述设计需求

在画布旁打开 Agent 对话框,用自然语言描述需要的设计,如「创建一个移动端登录页,包含社交账号登录按钮」。

3

生成并迭代设计

Agent 生成初稿后,可在画布上直接点选元素进行微调,或继续通过文字指令修改布局、颜色、字体。

4

接入外部上下文

配置 MCP 连接 Notion/Slack/GitHub,让 Agent 在设计时自动读取相关文档和任务信息,提高设计准确性。

全平台客户端下载

支持网页端、桌面端、移动端及浏览器插件,随时随地开启创作

获取 Figma Agent

Figma Web
浏览器直接使用,免费版可用基础功能
下载
Figma Desktop
macOS / Windows 桌面客户端
下载
LiblibAIAD

常见问题解答

遇到问题?这里可能有你想要的答案

1

Figma Agent 支持哪些设计系统?

Figma Agent 会直接使用用户当前文件中的组件库、变量系统和设计令牌,不需要额外配置。

2

Agent 生成的内容可以导出吗?

可以,Agent 生成的所有内容都是标准 Figma 图层,可直接导出为代码(HTML/CSS/SwiftUI)或静态资源。

3

Figma Agent 是否收费?

基础功能对 Figma 免费版用户开放,高级功能(如 MCP 接入、批量编辑)需要 Figma Professional 或 Org 订阅。

同类对比

和同类工具横向对比,帮你选对工具。

对比维度Figma AgentMidjourneyGalileo AIRelume
输出格式原生 Figma 设计文件静态图片Figma/Sketch 文件Figma 组件库
设计系统兼容完全兼容(使用现有组件)不适用部分兼容需手动迁移
协作能力原生实时协作无有限有限
适用场景专业 UI/UX 设计团队概念灵感探索快速原型生成网站结构规划