Local Variables to Tailwind & CSS

Easily export your Figma color tokens into Tailwind config and CSS variables with this plugin.

FeaturesMultiple Collections: Organize tokens across various projects effortlessly.

Nested Folders: Support for deeper folder structures within your design system.

Cross-Collection References: Reuse and link tokens across different collections.

Multi-Color Space Support: Export colors in multiple formats (e.g., RGB, HSL).

Output Formats:CSS File: All Figma variables compiled as CSS variables.JSON File: Color tokens optimized for Tailwind configuration.

VersionThis is a beta release, offering a first look at these features with further enhancements planned. Ideal for teams building modular, cross-platform design systems.

This plugin is provided as-is, without any guarantees or warranties. The developer is not responsible for any issues, errors, or damages caused by the use of this plugin. Please use it at your own risk and ensure proper testing before applying it to production environments.