Figma to Tailwind v4 Converter — @theme CSS Tokens — Interactive Studio & Export
Convert Figma Variables JSON into Tailwind CSS v4 @theme rules, CSS custom properties, and design tokens with instant syntax highlighting and copy.
Active Color Swatches & Shades
- #0066FF — HEX, RGB, HSL & Shade Scale
- #FF2E63 — HEX, RGB, HSL & Shade Scale
- #F59E0B — HEX, RGB, HSL & Shade Scale
- #10B981 — HEX, RGB, HSL & Shade Scale
- #06B6D4 — HEX, RGB, HSL & Shade Scale