Multi Color Swap, a Figma Plugin.
/
Origin
Multiple colors in one step.
Figma's built-in color swap works fine for one-off corrections. When an entire design system shifts to a new palette, twenty-five clicks for twenty-five colors becomes the bottleneck. The plugin does it in one step: select multiple colors, pick one target color or a style from the design library, replace.
/
Selection
Three ways to select multiple colors.
Three selection modes, because different tasks call for different gestures. Click for a single color. Shift-click for a contiguous range. Drag a marquee for an entire area, the way Finder works. The selection survives a sort change, so the view can be adjusted mid-session.
/
Sorting
Three sort modes for three jobs.
Three sort modes for three questions. Hue clusters by color family for the fastest overview. Lightness sorts by brightness, finds light or dark variants. Chroma sorts by saturation, separates vivid tones from muted ones. Sorting runs in a perception-based space, so colors that look similar end up next to each other.
/
Auto-Match
Which color matches which library style.
When migrating to a design system: which color maps to which style. Doing it manually is error-prone, the eye gets unsure with similar tones. Auto-Match proposes the closest style for every color, plus alternatives. The comparison is perception-based, not numeric. The only Figma plugin doing this, as far as I can see.
/
Outcome
Built for myself, designed for others.
Built from scratch, no frameworks, so the plugin feels like an integral part of Figma. Custom color picker, custom undo, library browser with team library access. The tricky part was the perception-based color comparison at the violet-to-red transition where standard calculations fail. Planned for the Marketplace, currently in personal use.
/
More Work
Continue Exploring.
Other custom tools and workflows I built to sharpen my own design practice.
