Hexify
Convert Figma Color Collections to Code (CSS, SCSS or JSON).
Plugin 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.
💬 Feedback, ideas, or just want to say hi? Drop a comment - I’d love to hear from you!
Plugin Details
| Version | 3 |
|---|---|
| Created | October 16, 2024 |
| Last Updated | October 6, 2025 |
| Category | Software development |
| Creator | Denise Kolodzey |
| Stats | 13 installs, 3 likes |
| Pricing | Free |
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
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
SkewDat
Skew any layer or group with all layers preserved to edit.