场景语义色板重绑定 · Semantic Color Rebind
by 汤波
把历史文件里散乱的颜色,批量重绑到支持明暗模式的语义色板。 Batch-rebind legacy colors to your mode-aware semantic variables.
Installs
0
Likes
0
Users
1
Views
2
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
More accessibility tools plugins
View allStark - Contrast & Accessibility AI Checker
by Stark
Fix Color Contrast and Typography issues and add WCAG annotations for a smooth design to dev handoff
Contrast
by Alex Carr
Quickly check and scan for contrast issues on gradients, images, blends, and fills.
Color Palettes ( Colorsinspo ) : Color & Accessibility Tools
by Manthankumar Satani
A free suite of integrated Color & Accessibility tools - 10+ tools free access 🔥
A11y - Color Contrast Checker
by Kelly Gorr
Text color accessibility