Back to Plugins
场景语义色板重绑定 · Semantic Color Rebind

场景语义色板重绑定 · Semantic Color Rebind

把历史文件里散乱的颜色,批量重绑到支持明暗模式的语义色板。 Batch-rebind legacy colors to your mode-aware semantic variables.

Plugin Preview

场景语义色板重绑定 · Semantic Color Rebind preview

About this plugin

语义色板重绑定历史设计文件常有一堆"绑错色板"或"直接写死"的颜色——它们不跟随明暗模式切换,改造成本极高。这个插件帮你一键梳理:扫描选区,把填充和描边颜色重新绑定到你的场景语义色板(支持 Light/Dark 的那套变量),绑定后原生模式切换即可生效。核心能力🎯 智能匹配:按色值 + 用途关键词推荐变量,描边优先 border、文字优先 text、容器优先 surface🔀 支持团队库:直接选用订阅的团队库色板,自动导入所需变量🎛 填充 / 描边分开管理,逐行可控🚫 智能保护:透明色只标注不改;logo、切图等按图层名排除,品牌色不被误动⚡ 即时生效:选中变量实时绑定画布,支持"全部应用建议"与逐行跳过🔍 状态清晰:已就绪 / 唯一命中 / 撞车 / 未命中 / 透明色 / 不处理适用场景:统一老文件到设计系统、接入明暗模式、清理硬编码颜色、迁移新色板。使用方法确保目标语义色板已在文件启用(团队库需先启用)选中要处理的画板或 Section左侧选定语义色板与 Light 模式、配置排除图层点"确定并扫描选区"右侧逐行确认或"全部应用建议"手动切到 Dark 模式验证Description · EnglishSemantic Palette RebinderLegacy design files are full of colors bound to the wrong collection or hardcoded outright — they don't follow light/dark mode, and fixing them by hand is painful. This plugin cleans that up in one pass: scan your selection and rebind fill and stroke colors to your scene-semantic palette (the Light/Dark-enabled variables). Once rebound, native mode-switching just works.Key features🎯 Smart matching — ranks variables by color value + usage keywords (strokes favor border, text favors text, containers favor surface)🔀 Team library support — pick a subscribed library palette; required variables are imported automatically🎛 Separate fill / stroke tables, row-by-row control🚫 Smart protection — transparent colors are flagged, not touched; exclude logos, exported assets, etc. by layer name so brand colors stay put⚡ Live apply — selecting a variable binds it on canvas instantly; "Apply all suggestions" and per-row skip supported🔍 Clear states — Ready / Exact match / Collision / No match / Transparent / SkipUse cases: aligning old files to your design system, adopting dark mode, clearing hardcoded colors, migrating to a new palette.How to useEnsure the target semantic palette is enabled in the file (enable team libraries first)Select the frames or sections to processIn the left sidebar, choose the palette + Light mode and set exclusion keywordsClick "Scan selection"Confirm each row on the right, or "Apply all suggestions"Switch to Dark mode manually to verify

Plugin Details

Version1
CreatedSeptember 16, 2026
Last UpdatedSeptember 16, 2026
CategoryAccessibility tools
Creator汤波
Stats0 installs, 0 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/main.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none