Hexify
Convert Figma Color Collections to Code (CSS, SCSS or JSON).
Plugin Preview
About this plugin
Convert Color Collections into CodeHexify 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 | 25 installs, 6 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.
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.
Code Snippet Editor
Translate component variants, properties, and more into dynamic code snippets for your design system
GitHub
Connect Design to Code