Launches
Coming soon
Upcoming launches to watch
Launch archive
Most-loved launches by the community
Launch Guide
Checklists and pro tips for launching
Products
News
Newsletter
The best of Product Hunt, every day
Stories
Tech news, interviews, and tips from makers
Changelog
New Product Hunt features and releases
Forums
Forums
Ask questions, find support, and connect
Streaks
The most active community members
Events
Meet others online and in-person
Advertise
Subscribe
Sign in
Foundation
Generate Figma Variables based on Tailwind Utility Classes
•
0 reviews
•
113 followers
Visit website
Follow
Overview
Launches
Forums
Reviews
Team
Awards
More
Blog
•
Newsletter
•
Questions
•
Forums
•
Product Categories
•
Apps
•
About
•
FAQ
•
Terms
•
Privacy and Cookies
•
X.com
•
Facebook
•
Instagram
•
LinkedIn
•
YouTube
•
Advertise
© 2025 Product Hunt
p/foundation-6
Dylan de Heer
•
6mo ago
Foundation - Generate Figma variables based on Tailwind utility classes
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.
13
148
p/foundation-6
Dylan de Heer
•
2mo ago
Foundation 2.0 - Generate Tailwind Friendly Figma Variables
Never start a design system from scratch again. Foundation instantly generates Figma variables that perfectly match Tailwind's Utility Classes, turning hours of setup into seconds.
1
10
View all