Back to Plugins
Hexify

Hexify

Convert Figma color collections to code

code exporthexcode generationvariablesscss variablescss variablesexportcolorjson datacolor collections

Plugin Preview

Hexify preview

About this plugin

Convert Color Collections into Code


Hexify helps you transform your Figma Color Collections into usable code - whether you're working with SCSS, CSS, or JSON. It's here to make your workflow a little easier, a little tidier, and a lot more fun.


Just pick your collections, choose a format, and click Generate Output. Your variables are ready to go.


šŸŖ„ Now with support for semantic color tokens — Hexify will follow references and fetch the actual colors for you.


šŸ–¤ Open-source & community-driven! Check out the code or contribute: https://github.com/ko-ko-lo/figma-color-exporter


šŸ’¬ Feedback, ideas, or just want to say hi?

Drop a comment - I’d love to hear from you!


Plugin Details

Version2
CreatedOctober 16, 2024
Last UpdatedApril 1, 2025
CategorySoftware development
CreatorDenise Kolodzey
Stats5 installs, 0 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:dist/code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • https://fonts.googleapis.com
    • https://fonts.gstatic.com