AI · alternatives · 2026
24 alternatives to Open-source Figma design to code
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/)
This open-source tool converts Figma design frames into React and Tailwind CSS components, along with associated assets. Built by VibeFlow, it's designed to accelerate frontend prototyping by automating the translation… Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes.
- 1
Design websites in Figma, launch in Webflow
2023 · figma.com · its alternatives →
- 2
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 →
- 3
- 4
Convert Figma designs into Tailwind CSS code in 1 click
2023 · figma-to-tailwind-css.com · its alternatives →
- 5IV
2021 · figma.com · its alternatives →
- 6
FlowBite Figma▲241Figma UI kit built for integration with Tailwind CSS
2021 · flowbite.com · its alternatives →
- 7
Design and deploy your web app without code
2020 · bubble.io · its alternatives →
- 8
Flowbite 2.0▲336Open-source ecosystem built on top of Tailwind CSS
2022 · flowbite.com · its alternatives →
- 9
html.to.design▲513Convert any website into fully editable Figma designs
2022 · figma.com · its alternatives →
- 10
- 11
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 →
- 12
- 13
Create beautiful user flow charts, sitemaps and wireframes
2020 · antforfigma.com · its alternatives →
- 14
700+ free Figma sections built for Tailwind CSS
2022 · figma.com · its alternatives →
- 15
Figma Community▲528Publish live design files for others to learn from & remix.
2019 · figma.com · its alternatives →
- 16
Figma Platform▲327Unlock your design files with our new web API
2018 · developers.figma.com · its alternatives →
- 17
- 18
PixelFree Studio▲617From design to code in just 1 click
2024 · pixelfreestudio.com · its alternatives →
- 19
One-click export of Figma prototypes to GIF, webM or MP4
2023 · figma.com · its alternatives →
- 20
- 21
Figma to Code▲174Generate responsive pages/apps from Figma designs
2020 · github.com · its alternatives →
- 22
Phase▲139Create interactive Figma prototypes with real code export
2025 · phase.com · its alternatives →
- 23
Convert any website into fully editable Figma designs
2023 · figma.com · its alternatives →
- 24
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 →