夜雨聆风学习资料网

ARTICLE · 1266787

找不到顺手的 Figma 插件,让 AI 帮你做一个

找不到顺手的 Figma 插件,让 AI 帮你做一个

同一套图标,要换背景、改颜色、出几个尺寸。操作并不复杂,重复几十次就很烦。

如果找不到完全合适的插件,现在可以直接告诉 Figma Agent,让它帮你生成一个。

这就是 Generative Plugins,Figma 的生成式插件。

10月6日,它从测试阶段转为正式可用。

你描述工具要做什么,Agent 编写插件,再通过插件面板操作画布。

官方介绍/教程:https://help.figma.com/hc/en-us/articles/41159704839831-AI-workflows-collection-Build-your-own-plugins-inside-Figma-Design

01|把重复动作做成工具

Figma 官方给了一个图标处理案例:选中线性图标,设置主色、强调色和背景形状,再生成 16、24、32 px 的版本。

生成的工具有颜色选择器和尺寸选项,后续使用时可以直接调整参数。

这类任务的关键是规则清楚。相同输入应该得到相同处理,适合做成插件;

如果需要判断一个页面是否合理、结合业务给建议,则更适合交给 Agent 配合 Skill。

对日常设计来说,可以先考虑批量命名、固定规则排版、整理组件等任务。先把一个小操作做对,比一开始就要求它生成“万能设计助手”更容易检查结果。

02|提需求时把范围写清楚

提示词里要明确说“创建一个插件”,否则 Agent 可能只是帮你完成当次操作。还要交代处理对象、可调整参数和输出方式。

下面这段是可以试用的需求示例,不是已经验证完成的插件。

请创建一个 Figma 插件,只处理我当前选中的顶层画框。

按从左到右、从上到下的顺序生成编号,支持设置名称前缀、起始编号和补零位数。

界面先列出旧名称与新名称,点击确认后再批量修改。

不要改动子图层、尺寸、位置和组件关系。没有选中画框时,请给出提示。

生成后先在副本里试几种情况:没有选择、只选一个、混选多种图层、画框位置接近。确认作用范围和编号顺序都符合预期,再用到正式文件。插件能运行,不等于每个边界都正确。

03|从哪里用起来

在 Figma Design 文件左侧打开 Agents,描述需要的插件。

生成完成后,从聊天结果点击 Run plugin,选好要处理的图层再运行。第一次不理想,可以继续要求它调整参数或修正行为。

也可以先看看官方做好的工具:

打开 Tools,把 Source 切换到 From Figma,再筛选 Plugin。带 Agent-built 标记的,就是由 Agent 构建的工具。

生成和修改插件会消耗 AI 积分;按 Figma 当前说明,插件建好后的常规运行不消耗 AI 积分。

后续还可以发布到 Community,或在符合计划条件时内部分享。

自己造工具的价值,往往就藏在那些每天都要点十几遍的动作里。找一个最明确的重复操作,先把它变成按钮。

相关学习资料