Open-source Figma design to code
Details
- External ID
- 46741472
- Source
- HN
- Company
- —
- Product
- Open-source Figma design to code
- Website domain
- github.com
- Launched
- Jan. 24, 2026
- Cohort
- —
- Upvotes
- 50
- Upvotes percentile
- 0.7957839262187089
- Tags
- —
- Fetched at
- Sept. 7, 2026, 9:25 p.m.
- Updated at
- Sept. 7, 2026, 9:25 p.m.
Description
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/)
Enrichment
- Theme
- ai developer tools and coding assistants
- Vertical
- Horizontal
- Function
- Dev tools
- Audience
- Developer
- AI stance
- Not AI
- Project type
- Hobby / open-source project
- Normalized one-liner
- convert figma designs to code
- Manually corrected
- False
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 — 129 launches clear the similarity bar, closest 8 shown.
Attention rank: #32 of 130 (itself plus its competitors, highest first — normalized so YC and Product Hunt are compared fairly).
Launched 81 days after the earliest competitor.
- MiroMiro v2 · ph · 2026-05-11 · 177 upvotes · similarity 0.50
- Tailgrids 3.0 · ph · 2026-05-10 · 339 upvotes · similarity 0.49
- MarkupGen · ph · 2026-09-22 · 1 upvotes · similarity 0.47
- Vibe Code your 3D Models · hn · 2026-02-27 · 61 upvotes · similarity 0.42
- Nexports · ph · 2026-09-24 · 2 upvotes · similarity 0.42
- Free Transform · ph · 2026-09-27 · 3 upvotes · similarity 0.41
- I made a Tailwind alternative for Preact · hn · 2026-01-11 · 6 upvotes · similarity 0.41
- Wave · hn · 2026-09-25 · 7 upvotes · similarity 0.39
Other launches for this product
- No other launches for this product.
Same idea, different domain
Nobody's really built a dev tools tool for Sales yet.