Figma AI设计助手发布:画布上直接对话AI,批量改设计

一、项目背景：5月20日正式发布

设计师最怕什么？重复劳动。

改字体、改间距、改按钮状态——这些琐碎操作占用了大量时间。2026年5月20日，Figma正式推出AI设计助手（Figma AI Agent），直接在画布上帮你搞定这些事。

Figma AI Agent是Figma首个原生AI助手，深度集成到设计画布中。不是第三方工具，不需要切换上下文，直接存在于你的设计文件里。

二、核心定位：读懂你的设计系统

不同于第三方AI工具需要重新"学习"你的设计规范，Figma AI Agent原生理解：

你的组件库结构

设计令牌（tokens）的使用规则

团队的设计标准和最佳实践

所有状态和变体的关系

这意味着AI生成的内容天然符合你的设计语言，不需要大量后期调整。

三、核心能力一：批量操作

Figma AI Agent能处理的批量操作：

操作	说明
批量改字体	全文件文字统一改成指定字体
批量替换内容	把lorem ipsum和示例图片替换成真实内容
统一组件状态	一键把多个按钮设为激活状态
深色模式切换	一句话切换全文件主题，无需手动调对比度
间距调整	整个流程的间距统一调整

实际场景：把整个文件的文字改成Inter字体、把一组卡片组件切换到激活状态、把整个页面转成深色模式——说一句话，AI全部搞定。

四、核心能力二：样式探索

设计师最怕的是"第一稿就被否"。Figma AI Agent支持并行探索多个方向：

样式探索示例：

输入："给我3个风格选项：一个有机风格、一个现代风格、一个复古风格"

AI并行生成3个设计方案

你挑选方向后，手动微调往往比纯提示词更快、更精准

屏幕生成示例：

输入："做一个横向滚动的移动端图片轮播，用户外运动图片填充"

给出多个方案，标题位置和样式各有不同

你选一个，然后进入手动微调阶段

并行prompt是核心——AI同时跑多个方向，你可以同时对比3个、5个甚至更多方案。

五、核心能力三：设计系统维护

如果你维护设计系统，Figma AI Agent是一个强大的盟友：

批量更新组件描述、标签和用例

统一命名规范

文档化组件的所有状态和变体

质量把控——分享团队示例给AI学习

六、和MCP服务器配合使用

Figma同时提供MCP服务器，两者配合：

工具	使用场景
Figma Agent	画布上的AI设计助手，读取设计系统，直接操作图层
MCP服务器 + use_figma	代码和设计双向同步，拉取设计稿到代码，推送代码改动回设计

完整工作流示例：

在Figma中用AI Agent探索和设计

满意后通过MCP把设计拉进代码编辑器

开发改完后通过MCP推回Figma

回到Figma继续用AI调整

全程保持设计稿和代码的同步。

七、实操步骤

步骤1：确认资格

Figma AI Agent是Figma Plus订阅的一部分（limited beta阶段）。

登录Figma账号

查看是否在beta体验名单中

Figma Plus用户优先

步骤2：在画布上启动

打开任意Figma文件：

点击左侧工具栏的AI图标

或者直接在任何图层/画板上启动prompt

步骤3：输入设计指令

批量修改指令：

plaintext

Set all text larger than size 10 to Inter font

plaintext

Set all @Tile / Callout components to their highlight states

plaintext

Convert this screen to dark mode

样式探索指令：

plaintext

Give me 3 style options for this design: one organic, one modern, one retro

plaintext

Make a horizontally scrolling image carousel for a mobile app. Populate the images with outdoor/sports imagery.

内容填充指令：

plaintext

Replace all lorem ipsum copy and imagery with realistic content

步骤4：审查和微调

AI生成结果后，你可以：

直接接受满意的结果

在生成结果上做手动微调

继续对话让AI调整

用@提及特定组件让它只改局部

八、和传统设计流程对比

对比项	传统流程	Figma AI Agent
改字体	手动逐个选择+替换	说一句话，全文件批量修改
切换深色模式	手动调整每个填充和对比度	一句话搞定
填充内容	手动搜索和替换图片	自动填充真实内容
设计探索	出第一稿等反馈	并行出3-5个方向
设计系统维护	文档靠手写	AI批量文档化
代码同步	手动交接	MCP自动双向同步

九、适用人群

人群	价值
UI/UX设计师	批量处理琐碎操作，专注创意
设计系统维护者	高效文档化和一致性管理
产品经理	快速出原型，不用等设计师
前端开发者	MCP直接拉代码，保持同步

十、注意事项

目前是limited beta阶段，不是所有用户都能用

生成精度依赖设计系统的完善程度

复杂布局仍需要手动调整

国内用户Figma使用习惯有待培养

Figma Plus订阅价格需参考官方定价

Figma AI Agent把设计师从重复劳动中解放出来——字体统一、深色切换、内容填充，这些琐事一句话就能搞定。

你平时设计中最耗时的环节是什么？留言聊聊！