Show HN: Open-source Figma design to code

https://github.com/vibeflowing-inc/vibe_figma

50•alepeak•2w ago

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/)

Comments

jamesuw7r1•1w ago

How does it work?

dfajgljsldkjag•1w ago

Interesting. It appears this doesn't use AI itself (though it's probably vibe coded). Figma in dev mode already gives react components and css styles [1] and this seems like a more automated way to pull that functionality. It's unfortunate figma paywalls dev mode and this might be a good way to work around the limitation.

1: https://help.figma.com/hc/en-us/articles/15023124644247-Guid...

error404x•1w ago

This was just a fun experiment where we played around with the figma api, but their api has been rate limited since nov

pojntfx•1w ago

This is not open source, it's under a proprietary (FSL) license: https://github.com/vibeflowing-inc/vibe_figma/blob/main/LICE...

error404x•1w ago

Yes, we currently use FSL-1.1-MIT, but we’re open to changing it to AGPLv3 or another open-source license.

pojntfx•1w ago

Would much appreciate a relicense to AGPLv3!

alepeak•1w ago

changed to APGLv3 :)

pojntfx•1w ago

Awesome! Thank you!

65•1w ago

This app idea has been made a million times and never works. It's also not hard to make a few divs and copy and paste styles from Figma.

I wish you luck with your project.

mdtrooper•1w ago

There is https://penpot.app too. Although IMHO as I wrote some years ago in my blog (sorry only in spanish) https://tomatesasesinos.com/2023/01/09/proyectos-que-son-una... TL;DR: Penpot team chose a bad dev language.

alepeak•1w ago

We just shipped skills as well! For Claude Code, install the skill to enable Figma to React conversion directly within your Claude Code environment: npx skills add vibeflowing-inc/vibe_figma --skill vibefigma

Show HN: Mermaid Formatter – CLI and library to auto-format Mermaid diagrams

RFCs vs. READMEs: The Evolution of Protocols

Kanchipuram Saris and Thinking Machines

Chinese chemical supplier causes global baby formula recall

I've used AI to write 100% of my code for a year as an engineer

Looking for 4 Autistic Co-Founders for AI Startup (Equity-Based)

AI-native capabilities, a new API Catalog, and updated plans and pricing

What changed in tech from 2010 to 2020?

From Human Ergonomics to Agent Ergonomics

Advanced Inertial Reference Sphere

Toyota Developing a Console-Grade, Open-Source Game Engine with Flutter and Dart

Typing for Love or Money: The Hidden Labor Behind Modern Literary Masterpieces

Show HN: A longitudinal health record built from fragmented medical data

CoreWeave's $30B Bet on GPU Market Infrastructure

Creating and Hosting a Static Website on Cloudflare for Free

"The Stanford scam proves America is becoming a nation of grifters"

Elon Musk on Space GPUs, AI, Optimus, and His Manufacturing Method

X (Twitter) is back with a new X API Pay-Per-Use model

Zlob.h 100% POSIX and glibc compatible globbing lib that is faste and better

Show HN: Deterministic signal triangulation using a fixed .72% variance constant

Scientists Discover Levitating Time Crystals You Can Hold, Defy Newton’s 3rd Law

When Michelangelo Met Titian

Solving NYT Pips with DLX

Baldur's Gate to be turned into TV series – without the game's developers

Interview with 'Just use a VPS' bro (OpenClaw version) [video]

EchoJEPA: Latent Predictive Foundation Model for Echocardiography

Disablling Go Telemetry

Effective Nihilism

The UK government didn't want you to see this report on ecosystem collapse

No 10 blocks report on impact of rainforest collapse on food prices

Show HN: Mermaid Formatter – CLI and library to auto-format Mermaid diagrams

RFCs vs. READMEs: The Evolution of Protocols

Kanchipuram Saris and Thinking Machines

Chinese chemical supplier causes global baby formula recall

I've used AI to write 100% of my code for a year as an engineer

Looking for 4 Autistic Co-Founders for AI Startup (Equity-Based)

AI-native capabilities, a new API Catalog, and updated plans and pricing

What changed in tech from 2010 to 2020?

From Human Ergonomics to Agent Ergonomics

Advanced Inertial Reference Sphere

Toyota Developing a Console-Grade, Open-Source Game Engine with Flutter and Dart

Typing for Love or Money: The Hidden Labor Behind Modern Literary Masterpieces

Show HN: A longitudinal health record built from fragmented medical data

CoreWeave's $30B Bet on GPU Market Infrastructure

Creating and Hosting a Static Website on Cloudflare for Free

"The Stanford scam proves America is becoming a nation of grifters"

Elon Musk on Space GPUs, AI, Optimus, and His Manufacturing Method

X (Twitter) is back with a new X API Pay-Per-Use model

Zlob.h 100% POSIX and glibc compatible globbing lib that is faste and better

Show HN: Deterministic signal triangulation using a fixed .72% variance constant

Scientists Discover Levitating Time Crystals You Can Hold, Defy Newton’s 3rd Law

When Michelangelo Met Titian

Solving NYT Pips with DLX

Baldur's Gate to be turned into TV series – without the game's developers

Interview with 'Just use a VPS' bro (OpenClaw version) [video]

EchoJEPA: Latent Predictive Foundation Model for Echocardiography

Disablling Go Telemetry

Effective Nihilism

The UK government didn't want you to see this report on ecosystem collapse

No 10 blocks report on impact of rainforest collapse on food prices

Show HN: Open-source Figma design to code

Comments