Foundation

Generate Figma variables based on Tailwind utility classes

Design Tools

Productivity

User Experience

Visit WebsiteSee on Product Hunt

This plugin seems like a huge leap for design and development workflows. The ability to generate spacing, color, and typography variables all in one go will definitely streamline my design process.

The idea of automatically generating Figma variables based on Tailwind’s design system is brilliant. it simplifies the process of maintaining consistency across designs.

Hey there! this tool like incredibly useful for us designers. Generating variables directly from Tailwind CSS's design system is a real time saving. It’s going to make syncing design and development so much smoother.

This tool looks useful for keeping design and development in sync. Excited to see how it handles spacing variables once that's fixed.

Cool plugin for managing design variables! The automatic generation of colors and typography

I just tried this out and it's pretty handy for syncing up my Figma designs with Tailwind CSS. Makes setting up design systems way easier.

a friend of mine was searching for a tool to align design with development i will deferentially pass this along to them!

Great launch! The ability to generate a complex set of spacing and color variable is something i have been looking for

Someone in my team was asking me the other day how to better sync their Figma designs with Tailwind CSS. I'm definitely going to point them to this plugin

it generates colors, spacing, and typography variables. Are there any plans to include support for other Tailwind utilities like shadows or borders?

the semantic alias system is brilliant. It allows for such a clean workflow, and it feels like everything is in its right place from the start.

Finally, something to stop my back and forth ping pong between Figma and code. My designer brain is dancing.

This tool is a smart solution for aligning design and development. Automating the generation of Figma variables will definitely help ensure consistency across projects.

This plugin seems like a great tool for maintaining design consistency. How does it handle updates in Tailwind CSS or changes in Figma designs?

I’ve been searching for a solution that helps align design and development in a smoother way. This plugin seems perfect for large-scale projects where every little inconsistency can add up.

I find it really helpful that this tool includes support for multi-mode variables, like dark mode. Having those generated automatically saves time and ensure consistency right from the start of a project. Amazing addition!