Foundation
Generate Figma variables based on Tailwind utility classes
Foundation launched on September 12, 2024 with 143 votes, #431 of 5,281 launches that month and more than 90% of that year's launches. The site was not reachable when checked in September 2026.
What it does
The Tailwind CSS Variable Generator is a powerful Figma plugin designed to bridge the gap between design and development. It automatically generates Figma variables based on Tailwind CSS's design system, ensuring consistency across your design and code.
Does a similar job
all alternatives →
Figma to Tailwind CSS2023 · figma-to-tailwind-css.com · ▲150Convert Figma designs into Tailwind CSS code in 1 click
- IVI've made a Figma plugin that converts design to HTML with TailwindCSS2021 · figma.com · ▲43
Tailwind CSS Color Palette GeneratorFeb 2026 · figma.com · ▲5Generate beautiful Tailwind CSS color palettes in seconds.
More work this month
the category →
Endless lofi beats composed live in your browser, over pixel-art nights in Paris, Tokyo, New York, Hong Kong, Sydney, San Francisco and more. Free, no sign-up.
Work · 24d ago · loficities.com
Smooth Recorder▲257Mac screen recordings that look edited when you hit stop
Work · 18d ago · smoothrecorder.com
Work · 12d ago · readrare.com
Source: Product Hunt launch ↗
Launched alongside, September 2024
the whole month →
BeforeSunset AI 2.0▲1,267Personalized AI daily planning that suits your life
AI · 2024 · beforesunset.ai
