Open-source Figma design to code
Get picks like this daily. Today's launch numbers, the top launches, AI and tech news, and a daily opportunity pick, straight to your inbox.
Want to reach these readers? Sponsor an issue.
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/)
HN · launched Jan 24, 2026 · 50 upvotes (top 20%) · 0 views
Niche: design and ui code converters · 30 launches, 5 in the last 7 days · Explore this niche →
Category and tags
- Horizontal
- Dev tools
- Developer
- Not AI
- Hobby / open-source project
Visit website ↗ Source listing ↗
More like this: all 30 launches in design and ui code converters →
Could you build this?
Partial A basic script sending Figma JSON or screenshots to an LLM is straightforward, but robustly compiling complex arbitrary Figma node trees into clean, responsive React and Tailwind components requires intricate AST parsing and layout heuristics.
What it would actually take: Building a reliable Figma-to-code compiler involves ingesting the Figma REST/Plugin API schema, normalizing nested auto-layouts, vectors, and design tokens, and translating them into an intermediate representation (IR). The IR must then generate semantic React components with Tailwind utility classes or feed clean structured representations into multimodal LLMs with strict schema validation. The hard part is handling responsive breakpoints, vector extraction, and complex styling nuances without hallucinating incorrect CSS positioning.
Discussion
11 comments analyzed.
Competitors mentioned: Penpot, Figma Dev Mode
Concerns raised: Figma API rate-limited since November, Concept has been attempted many times without success, Not truly open source, uses proprietary FSL license, Figma paywalls Dev Mode functionality
Feature requests: Relicense to AGPLv3
Competitors
Other products that read as similar to this one : 304 launches clear the similarity bar, closest 8 shown.
Attention rank: #86 of 305 (itself plus its competitors, highest first, normalized so YC and Product Hunt are compared fairly).
Launched 81 days after the earliest competitor.
- viberdy.dev · ph · 2026-10-27 · 1 upvotes · similarity 0.58
- tailwind-dictionary · ph · 2026-10-11 · 1 upvotes · similarity 0.58
- Figma code layers · ph · 2026-10-23 · 5 upvotes · similarity 0.53
- Windstruck · ph · 2026-11-12 · 2 upvotes · similarity 0.53
- pbstyles & pbcomponents · ph · 2026-10-10 · 1 upvotes · similarity 0.51
- MiroMiro v2 · ph · 2026-05-11 · 177 upvotes · similarity 0.50
- Tailgrids 3.0 · ph · 2026-05-10 · 339 upvotes · similarity 0.50
- CP0 · ph · 2026-11-12 · 1 upvotes · similarity 0.49
The niche, labels, vibe code rating and competitor comparison on this page are analysis by Nicheloom. If you use them, please credit nicheloom.com. How you may use our data.