Launched this week
Windstruck
Tailwind CSS in Figma. Name a layer and it styles itself.
3 followers
Tailwind CSS in Figma. Name a layer and it styles itself.
3 followers
A Figma plugin where a layer's name is its styling. Type Tailwind classes into a layer name and it styles itself, in your theme. 54 themes, dark mode, copy as code, or export an Expo app for iOS, Android and web. Free to start.
Free Options
Launch Team / Built With
AWS Startup AdvisorPersonalized AWS guidance that meets you where you’re already building
Promoted
Hey Product Hunt! I'm Cory, and I built Windstruck on my own over the past several months.
I kept watching designs get re-typed as code. The designer picks a color and a radius in Figma, then a developer guesses which Tailwind class it was. So I made the layer name the source of truth: type flex gap-4 p-6 rounded-xl bg-card into a layer's name and Figma styles it as you type, using your theme's real tokens.
Because the names are already classNames, the rest follows: 54 themes and dark mode in one click, copy any frame as code, or export the whole thing as an Expo app for iOS, Android and the web.
It's free to start and the core needs no account.
What I'd most like to hear: which classes do you reach for that don't render yet, and where does the exported code differ from what you'd write by hand?