Work · alternatives · 2026
24 alternatives to Figma Tailwind Tokens
Create Tailwind CSS with Figma in One Click
Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes.
- 1
Convert Figma designs into Tailwind CSS code in 1 click
2023 · its alternatives →
- 2
Foundation▲143Generate Figma variables based on Tailwind utility classes
2024 · figma.com · its alternatives →
- 3
- 4
- 5
- 6
700+ free Figma sections built for Tailwind CSS
2022 · its alternatives →
- 7
- 8FD
2021 · tailwind-figma.com · its alternatives →
- 9
Fully coded UI sections with designer file included
2024 · material-tailwind.com · its alternatives →
- 10IV
2021 · figma.com · its alternatives →
- 11
Rapidly build modern websites without ever leaving your HTML
2020 · its alternatives →
- 12
Colors, fonts & resources for developers & digital designers
2020 · its alternatives →
- 13
Tailwind-based UI kit to make your next SaaS website
2021 · its alternatives →
- 14
Free UI Kit and Design System for React & Talwind CSS
2024 · figma.com · its alternatives →
- 15
Token Code▲14Turn Figma Tokens into Code in 10+ Formats with One Click!
2025 · figma.com · its alternatives →
- 16
- 17
Beautiful Next.js templates built by the Tailwind CSS team.
2022 · its alternatives →
- 18
- 19
Making design tokens a single source of truth for Figma.
2020 · its alternatives →
- 20
- 21
A utility-first CSS framework for building custom designs.
2019 · its alternatives →
- 22
Create beautiful user flow charts, sitemaps and wireframes
2020 · its alternatives →
- 23TB
2019 · tailwind.build · its alternatives →
- 24
Craft beautiful UI tables in Figma or copy HTML Tailwind CSS
2023 · its alternatives →
Also compare
Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →