Back to Plugins
The Hexorcist: Colors to Variables & Dark Mode

The Hexorcist: Colors to Variables & Dark Mode

Turn hard-coded colors into Light and Dark variables. Rules, not AI.

Plugin Preview

The Hexorcist: Colors to Variables & Dark Mode 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

Version1
CreatedSeptember 27, 2026
Last UpdatedSeptember 27, 2026
CategoryFile organization plugins
CreatorFigmatro
Stats0 installs, 0 likes
PricingPaid

Technical Details

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