Work · alternatives · 2026
24 alternatives to Figma to Tailwind React code (ALPHA)
Turn your Figma designs into clean Tailwind React code.
Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. Figma to Tailwind React code (ALPHA) launched in 2023; newer entries below may have overtaken it.
- 1
Convert Figma designs into Tailwind CSS code in 1 click
2023 · figma-to-tailwind-css.com · its alternatives →
- 2
- 3IV
2021 · figma.com · its alternatives →
- 4
21st.dev▲1,211I originally built this app to organize and reuse interesting React + Tailwind components I came across on Twitter, inspired by the shadcn/ui approach. Later, a friend started contributing their own components, and it got me thinking—this could grow into something bigger, like an NPM for design engineers to share and use components. Would love to hear your thoughts!
2025 · 21st.dev · its alternatives →
- 5
- 6
Fully coded UI sections with designer file included
2024 · material-tailwind.com · its alternatives →
- 7
deco.cx 2.0▲1,078Build web apps 10x faster with Deno, JSX, TS & Tailwind
2024 · decocms.com · its alternatives →
- 8
Locofy.ai▲720Hey there, I am Honey - Co-founder at Locofy. We, along with other makers, have been building Locofy.ai to help massively accelerate the builders - the designers, developers, product managers & founders, and we're excited to share it today with the HN Community. Locofy.ai simply converts designs into production-ready frontend code for web and mobile apps. It adapts to your preferred design tools, tech stack, and workflows with ease and lets you launch upto 4x faster, while letting designers design the way they want and giving high-quality responsive code that developers love. With this…
2022 · locofy.ai · its alternatives →
- 9
- 10
Hi HN, founders of VibeFlow (YC S25) here. We mostly work on backend and workflow tooling, but we needed a way to turn Figma designs into frontend code as a kickstart for prototyping. It takes a Figma frame and converts it into React + Tailwind components (plus assets). If you want to try it: You can run it locally or use it via the VibeFlow UI to poke at it without setup (https://app.vibeflow.ai/)
Jan 2026 · github.com · its alternatives →
- 11
Figma to Code▲174Generate responsive pages/apps from Figma designs
2020 · github.com · its alternatives →
- 12
- 13
DhiWise 2.0▲740Convert Figma designs into Flutter 3.0 & React code rapidly
2022 · dhiwise.com · its alternatives →
- 14
- 15
700+ free Figma sections built for Tailwind CSS
2022 · figma.com · its alternatives →
- 16
Figma plugin that writes HTML, React, Vue, Svelte & Tailwind
2023 · superfun.design · its alternatives →
- 17
- 18
Turn your Figma files into *reusable* TailwindCSS components
2024 · its alternatives →
- 19
Beautiful Next.js templates built by the Tailwind CSS team.
2022 · tailwindcss.com · its alternatives →
- 20
- 21
- 22
- 23
Free Tailwind CSS & React admin template
2021 · creative-tim.com · its alternatives →
- 24
FlowBite Figma▲241Figma UI kit built for integration with Tailwind CSS
2021 · flowbite.com · 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 →