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/)
Open-source Figma design to code launched on January 24, 2026 with 50 votes, #551 of 14,584 launches that month and more than 95% of that year's launches.
In plain words
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 from design to code. Users can run it locally or access it through the VibeFlow web interface without additional setup, making it accessible for designers and developers looking to bridge the gap between design and development workflows.
written from the facts on this page · September 2026
From the sources
Figma to React Converter. Contribute to vibeflowing-inc/vibe_figma development by creating an account on GitHub.
Want to skip the setup? Try VibeFigma instantly in the cloud - Import from Figma is built directly into VibeFlow UI . No installation needed, just paste your Figma URL and go. Transform your Figma designs into production-ready React components with Tailwind CSSfrom github.com
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
More ai this month
the category →
Paintings by AI models: programs run through a simulation of oil paint.
AI · 20d ago · stillwet.art
PixVerse R2▲381A real-time world model you can explore and change
AI · 29d ago · world.pixverse.video
Source: Show HN post ↗
Launched alongside, January 2026
the whole month →- IN
Hey HN! I wanted to share something I built over the last few weeks: isometric.nyc is a massive isometric pixel art map of NYC, built with nano banana and coding agents. I didn't write a single line of code. Of course no-code doesn't mean no-engineering. This project took a lot more manual labor than I'd hoped! I wrote a deep dive on the workflow and some thoughts about the future of AI coding and creativity: http://cannoneyed.com/projects/isometric-nyc
AI · Jan 2026 · cannoneyed.com
Automatic AI-powered code reviews the moment you open a PR
Dev tools · Jan 2026 · kilo.ai
