Figma AI Agent与Make区别对比：新手入门教程

咱们得先搞清楚Figma家族里的这两位到底谁是谁。Make和AI Agent，名字听着都挺牛，但实际上干的活完全不同。Make就像个“造物者”，你给它一句话，它就能从零给你变出个完整可交互的原型，连代码都带；而AI Agent呢，更像是个懂行的“编辑员”，它只在你已经打开的Figma文件里活动，帮你批量改改字体、统一按钮状态，或者在评论区的指挥下自动调整组件。

简单说，如果你脑子里只有一个“做个健身打卡App首页”的念头，手边连个矩形都没画，那Make是你的菜。但要是你刚画完线框图，想立刻给它加点动效，那就得找AI Agent。这俩路子完全不同，千万别把AI Agent当成Make的升级版——它不接受空白提示，也不可能凭空给你生成新页面。

先搞清核心定位：它们根本不是同类工具

Make 是“造物者”，专门负责从零到一：你一句话下去，它给你生成完整的页面、导航、交互逻辑，甚至附带基础可用的代码。AI Agent 是“编辑员”，它只在你现有的 Figma 文件里干活，比如批量换字体、统一按钮状态、根据评论自动调整组件。

想立刻给线框图加动效？选 AI Agent。但如果你只有“做个健身打卡App首页”这个念头，还没动过一个矩形，那就该用 Make。话说回来，这里得划个重点：千万别把 AI Agent 当作 Make 的升级版来用——它不接受空白提示，也不会凭空生成新页面。

用 Make 生成第一个可交互原型

具体操作其实很直观。先登录 Figma，点击左上角的“+ New file”，然后选择“Make”模板——注意，不是“Design”也不是“Prototype”。

在中央输入框里写一句完整的需求，比如：“设计一个极简风格的待办事项网页，顶部有标题‘今日任务’，中间是带复选框的列表，底部有‘添加新任务’按钮和统计数字。”

按回车键后等个3秒左右，神奇的事情发生了：左侧出现了高保真界面，右侧同步生成 HTML/CSS 代码块。这时你尝试点击任意一个复选框，它会真实地触发勾选和取消动作——这不是静态图，而是 Make 自动生成的交互逻辑。

如果觉得不满意，直接在原来的输入框追加修改，比如告诉它“把按钮改成圆角、主色换成深青色”。再按回车，AI 会保留原有结构，只改你指定的部分。整个过程干净利落。

用 AI Agent 批量优化已有设计稿

一个比较直接的方法：在已打开的 Figma Design 文件中，右键任意页面标签，选择“Ask Figma AI”，然后输入指令，比如“把所有标题文字改为 Inter Bold 24px”。

另一个场景：选中一组按钮组件，点击顶部工具栏的 AI 图标，输入“将这组按钮切换至悬停状态，并添加微动效”，确认执行后就能看到效果。

需要特别注意的是：AI Agent 会严格读取你当前文件里的设计系统，比如已经定义好的颜色变量、文本样式等。所以它改出来的效果必然符合团队规范。但如果你没提前建好样式，它可能就无法识别“主按钮”该用哪个颜色——必须先建立基础设计系统，AI Agent 才能准确理解你的意图。

遇到问题怎么选对入口

不同的场景对应不同的选择。如果你手上有一张草图照片，那就用 Make：上传截图，再加上一句“请把这个手绘稿转成可点击的网页原型”。

如果收到了17条同事评论说“卡片间距太密”，那就用 AI Agent：全选卡片容器，输入“统一增大内边距至24px”。

要给投资人演示三套不同风格的首页？用 Make 的“Plan Mode”：输入“生成三种方案：科技蓝、自然绿、暖橙色”，AI 会先列出执行步骤，再并行生成。

如果正在调试一个交互流程，发现跳转逻辑错乱了，那就用 AI Agent：选中整个流程图，输入“检查所有连接线，修复断开的页面跳转”。

把这两个工具放在对的位置上，才能发挥它们真正的价值。别弄混了。