The Hexorcist: Colors to Variables & Dark Mode
Turn hard-coded colors into Light and Dark variables. Rules, not AI.
Plugin Preview
About this plugin
Rules, not AI. The Hexorcist turns the hard-coded colors in your file into a variable system you keep: named color variables with Light and Dark modes, connected to every layer. Every suggestion comes with a reason, you review everything before it changes, and one Undo reverses the whole build.It's not a recolored copy of your screens. The variables stay in your file after the plugin closes, and any frame can switch between Light and Dark in Figma's right-hand panel.How it works1. Scan a frame, a page or the whole file. It finds every fill, stroke, text color, gradient and shadow, and changes nothing.2. Review the plan. Near-identical colors, like #16181D and #17181D, are merged. Every color gets a role name such as text/secondary, with the reason it was chosen. Dark values are suggested, with text and icons adjusted to pass WCAG contrast. Rename, exclude or merge anything.3. Fix contrast. Aim for WCAG AA or AAA. Every text and icon pair shows which levels it passes in Light and Dark, judged by its real text size, and one click moves a failing color to the closest color that passes.4. Build. The plugin creates a collection of base colors and a collection of color roles with Light and Dark modes, then connects every layer. Already have a design system? Colors that match your variables link to them, with your approval, and new variables go into your own collections, in your groups and named your way. Nothing of yours is renamed or changed.5. Flip any scanned frame to Dark to see it, then scan again to check nothing was missed.PriceFree for one frame, or for any build that uses up to 12 colors. Bigger files are a one-off $8 through Figma's checkout, and every file after that is included.Good to know• Dark needs a Figma plan with variable modes (Professional or above). On the free Starter plan, the plugin builds Light only: the same variables and roles, connected to every layer. It checks your plan and tells you before you pay.• No network access, so nothing leaves your file.• Colors already linked to variables or color styles are left as they are.• Library variables can be linked but not changed, and only the ones your file already uses can be matched.
Plugin Details
| Version | 1 |
|---|---|
| Created | September 27, 2026 |
| Last Updated | September 27, 2026 |
| Category | File organization plugins |
| Creator | Figmatro |
| Stats | 0 installs, 0 likes |
| Pricing | Paid |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the File organization plugins category.