Guides
Practical guides for Figma variables and design tokens
No fluff, no five-part funnel. These are the structures we use when migrating real palettes into native Figma variables and keeping them in sync with code.
Figma variables
Tailwind colors to Figma variables: migration guide
Tailwind's palette is a great starting point, but pasting hex codes into Figma is not a design system. Here is the two-collection structure that survives handoff.
9 min read
Design tokens
Light and dark semantic tokens: naming that scales
Semantic tokens are the difference between theming that scales and a file full of dark-mode overrides. Here is the naming and alias structure that holds up.
8 min read
Want the fast path?
Huekit builds the color scales, semantic tokens, and Light/Dark modes inside your Figma file, then exports JSON tokens or a Tailwind config.