
- 教程
- 插件推荐
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。任意计划、有编辑权限即可查看。
它会列出当前选区里出现过的纯色和渐变填充(按变量、样式、普通填充分组,每种只出现一次)。不会列出图案、图片、视频填充、隐藏填充,或蒙版相关色。布尔组合组里,只统计作用在组合结果上的色,子层各自的色不会出现。
怎么改
- 框选或 Shift 多选要动的图层(官方写:多选时才能用到 Selection colors)。
- 在右侧 Selection colors 里点某个普通填充色块,打开取色器,改色值、透明度或混合模式。
- 若该项绑了 Style / Variable:点开后走 Libraries 面板换绑,或点 Detach 断开。
- 色块旁的目标图标:点一下,会把所有使用该色的图层选进选区,方便你接着改或核对。
- 普通填充旁的 Style:可把当前色落成 Style / Variable,或套用已有的。
适合:一屏、一 Frame、或你已经圈定的局部。不适合:你其实想改的是「整份文件里每一个 #5622DC」,那种看下一节。
2. 整文件同填充:Select all with same → Fill
官方说明:Edit 菜单可按属性选中文件中其他图层。
- 在图层面板或画布上选中一个带目标填充的图层。
- 菜单:Edit → Select all with same → Fill(同路径下还有 Stroke、Effect、Font 等)。
- 选中后,在右侧改 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
- 微信客服