应使用Selection Colors功能系统性解决Figma中HEX色值分散问题：一、通过靶心图标批量选中并替换同色图层；二、结合Color Styles实现样式绑定与变量式更新；三、利用Variables配合条件规则动态响应主题切换。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
如果您在Figma设计稿中发现大量图层使用了分散、未归类的HEX色值，导致视觉不统一、难以维护品牌规范，则很可能是缺乏对Selection Colors功能的系统性调用。以下是解决此问题的步骤：
一、通过Selection Colors精准定位并批量替换指定颜色
该方法无需插件，直接利用Figma原生的“选择同色图层”机制，在画布范围内快速高亮所有使用某一种填充色或描边色的图层，并一次性更新为新色值，确保全局一致性。
1、在画布中按住Shift键多选多个目标图层（支持跨Frame选取，也可全选Ctrl+A后筛选）。
2、右侧检查器（Inspector）中展开“Fill”或“Stroke”区域，找到当前使用的具体颜色块。
3、点击该色块右侧的靶心图标“Select all with this color”。
4、此时所有含该颜色的图层将被自动选中并高亮显示，包括嵌套在组件内部的实例子图层。
5、在检查器中直接修改填充色或描边色值，所有选中图层将实时同步更新，且保留原有透明度、混合模式等属性。
二、结合Color Styles实现可复用的颜色绑定替换
当项目已建立颜色样式（Color Styles）时，Selection Colors可跳过手动输入HEX值，直接将散落图层绑定至系统级样式，使后续修改具备变量式响应能力。
1、确认项目中已创建命名规范的颜色样式，例如“Primary / 500”或“Status / Error”。
2、选中需统一处理的图层群组，在右侧检查器中点击“Fill”旁的小水滴图标进入样式入口。
3、在弹出面板顶部切换至“SelectionColors”标签页。
4、从左侧列表中单击目标Color Style名称，所有选中图层立即应用该样式并建立双向变量绑定。
5、此后只需双击该Color Style修改色值，所有引用处将自动刷新，无需重复操作。
三、利用变量（Variables）驱动Selection Colors动态响应主题切换
在启用Figma Variables的前提下，Selection Colors可配合布尔型变量（如isDarkMode）实现条件化颜色映射，使同一图层在不同主题下自动匹配对应色值。
1、进入Variables面板，确认已创建名为“isDarkMode”的Boolean变量，并设为false（浅色模式）。
2、在DesignTokens变量集中，为同一语义定义两套颜色变量，例如“surface-bg/light”与“surface-bg/dark”。
3、选中多个背景图层，在Fill面板中点击=号，展开DesignTokens，选择“surface-bg/light”变量绑定。
4、右键该变量条目，选择“Edit variable”，在“Conditions”中添加规则：当isDarkMode == true时，返回“surface-bg/dark”值。
5、切换isDarkMode变量值为true，所有绑定该变量的图层填充色将即时切换为深色版本。
