• 教程
  • 插件推荐

Figma 批量替换颜色:先别急着装插件

PlugMate 觅件

品牌色改版或模板换色时,多数场景用自带选同色、Selection colors 或改 Style/Variable 就够。只有跨页硬编码色值才需要查找替换颜色类插件,并写清适用边界。

品牌色改版、模板换肤、或「整页把这个蓝换成那个紫」——很多人一上来就搜「Figma 批量改颜色插件」。多数时候,自带能力已经够用。

先说结论:

  • 同一选区里混着多种填充色:用右侧 Selection colors,点色块改,或用目标图标把同色层全选出来。
  • 整份文件里凡是同一种填充都要改:先选一个样本层,再用 Edit → Select all with same → Fill,一次性选中再改色。
  • 颜色已经绑了 Color Style 或 Variable:改定义本身,所有引用会跟着更新;库文件还要发布并让其他文件接受更新。
  • 散落在多页、没绑 Style/Variable 的硬编码色值:再考虑 查找替换颜色 这类插件。

自带步骤来自 Figma 官方帮助:View and adjust colors in a mixed selection、Select layers and objects、Manage and share styles、Create and manage variables。插件只写觅件详情里能核对的信息;没有在你的文件里代跑过界面,打开后跟说明不一致,以你看到的为准。

用中文找插件的方法,见 用中文找 Figma 插件。

1. 先用自带:Selection colors

官方说明:当你的选区里对象填充不一致时,右侧边栏会出现 Selection colors。任意计划、有编辑权限即可查看。

它会列出当前选区里出现过的纯色和渐变填充(按变量、样式、普通填充分组,每种只出现一次)。不会列出图案、图片、视频填充、隐藏填充,或蒙版相关色。布尔组合组里,只统计作用在组合结果上的色,子层各自的色不会出现。

怎么改

  1. 框选或 Shift 多选要动的图层(官方写:多选时才能用到 Selection colors)。
  2. 在右侧 Selection colors 里点某个普通填充色块,打开取色器,改色值、透明度或混合模式。
  3. 若该项绑了 Style / Variable:点开后走 Libraries 面板换绑,或点 Detach 断开。
  4. 色块旁的目标图标:点一下,会把所有使用该色的图层选进选区,方便你接着改或核对。
  5. 普通填充旁的 Style:可把当前色落成 Style / Variable,或套用已有的。

适合:一屏、一 Frame、或你已经圈定的局部。不适合:你其实想改的是「整份文件里每一个 #5622DC」,那种看下一节。

2. 整文件同填充:Select all with same → Fill

官方说明:Edit 菜单可按属性选中文件中其他图层。

  1. 在图层面板或画布上选中一个带目标填充的图层。
  2. 菜单:Edit → Select all with same → Fill(同路径下还有 Stroke、Effect、Font 等)。
  3. 选中后,在右侧改 Fill,或再用 Selection colors 微调。

需要编辑权限。它按「当前填充是否相同」来选,不是按色名或 hex 字符串搜索;绑了不同 Style、或透明度不一致时,结果可能和你以为的「同色」不完全一样——改完看一眼预览再继续。

3. 设计系统路径:改 Style 或 Variable

若主色本来就该是「一处定义、处处引用」,批量换色的正确姿势是改源头,而不是逐层点。

Color Style

官方说明:在样式所在的原文件里编辑定义;改完后,本文件里使用该 Style 的对象会更新。

  • 右侧边栏(取消选中一切后看 Local styles):悬停样式 → 点调整图标。
  • 或在样式选择器里右键 → Edit style。

从团队库来的样式:要在库文件里改并 Publish;其他文件再通过库更新通知接受(官方:Review and accept library updates)。

Color Variable

官方说明:在 Variables 视图里编辑变量值;绑定到该变量的填充、描边、效果等会跟着变。有别名时,改源头即可带动下游。库侧同样要发布,订阅文件再接受更新。

适合:品牌色、语义色(bg/primary)、明暗 Mode。不适合:临时示意稿里随手填的孤立 hex——那种先用第 1、2 节,或事后再整理进 Style/Variable。

4. 跨页硬编码色:查找替换颜色插件

自带「同填充全选」和 Selection colors 解决不了、又没有绑 Style/Variable 时,再用插件。

查找替换颜色(Find and Replace Colors)

作者 Wei Zhong。觅件当前标免费。

详情写明:面向经常创建或修改模板的设计师与团队;可以查找所有颜色并按需要替换。

适合:模板换肤、多页散落同一 hex、又不想先整理进设计系统的紧急改版。

不适合:你其实只改当前 Frame——Selection colors 更快。也不负责改文字内容或字体(那是另一类需求)。

我没有代跑过插件里的按钮名,这里不编点击路径。打开后按它自己的查找/替换流程操作即可;安装时若提示与「免费」不符,以安装时提示为准。

查找替换(Find and Replace,Maxime Daraize)

作者 Maxime Daraize。觅件标付费。

详情写明:可查找特定颜色的所有实例,并在当前页或整个项目中替换成另一种颜色。

适合:明确要「按颜色实例扫页/扫文件」且接受付费的团队。免费场景优先试上一款或自带能力。

同样不编未核对按钮;付费状态以安装时提示为准。

别跟这几件事混了

  • 批量改文案不是改颜色。把「确定」换成「提交」,见 Figma 批量改文字。
  • 换中文字体也不是换色。见 Figma 中文字体。
  • 用中文假文填充见 Figma 中文填充。
  • 官方 Find and replace(找文字层并替换文案)管的是文本内容,不是填充色;别和本文的「换色」混用。

在觅件里怎么找

到 觅件 搜「替换颜色」「查找颜色」「色板」,或从「🌈 颜色」分类进去。先看中文介绍和是否付费,再决定要不要装。

也可用 AI 连觅件 MCP,用中文说「帮我找批量替换颜色的插件」。步骤见 MCP 教程。

常见问题

Figma 怎么一次改多种填充色? 多选图层,右侧用 Selection colors;点色块改,或点目标图标把同色层扩选后再改。

怎么选中文件里所有同填充的层? Edit → Select all with same → Fill。要编辑权限。

改了 Style 为什么别的文件没变? 库文件要 Publish;订阅文件要接受库更新。本地未发布的改动不会自动推过去。

一定要装插件吗? 不必。局部用 Selection colors,整文件同填充用 Select all with same,设计系统改 Style/Variable。只有硬编码、跨页、又急着换色时,再上查找替换类插件。

这些插件会装进当前文件吗? 不会。觅件是发现工具,点详情后再到社区页由你自己装。


  • 客服邮箱 hello@zhanghe.dev
  • 微信客服

接着看

返回博客