Show HN: Open-source Figma design to code

#1

Post by alepeak » Sat, Jan 24, 2026, 6:09 AM UTC

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

Show HN: Open-source Figma design to code
github.com

Re: Show HN: Open-source Figma design to code

#2

Post by jamesuw7r1 » Sat, Jan 24, 2026, 2:48 PM UTC

How does it work?

Re: Show HN: Open-source Figma design to code

#3

Post by dfajgljsldkjag » Sat, Jan 24, 2026, 7:59 PM UTC

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...

Re: Show HN: Open-source Figma design to code

#4

Post by pojntfx » Sat, Jan 24, 2026, 8:41 PM UTC

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

Re: Show HN: Open-source Figma design to code

#5

Post by error404x » Sat, Jan 24, 2026, 8:54 PM UTC

pojntfx wrote: post #4

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

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

Re: Show HN: Open-source Figma design to code

#6

Post by error404x » Sat, Jan 24, 2026, 8:56 PM UTC

dfajgljsldkjag wrote: post #3

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...

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

Re: Show HN: Open-source Figma design to code

#7

Post by pojntfx » Sat, Jan 24, 2026, 10:06 PM UTC

error404x wrote: post #5

pojntfx wrote: post #4

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

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

Would much appreciate a relicense to AGPLv3!

Re: Show HN: Open-source Figma design to code

#8

Post by 65 » Sat, Jan 24, 2026, 11:03 PM UTC

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.

Re: Show HN: Open-source Figma design to code

#9

Post by mdtrooper » Sat, Jan 24, 2026, 11:49 PM UTC

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.

Re: Show HN: Open-source Figma design to code

#10

Post by alepeak » Mon, Jan 26, 2026, 10:44 PM UTC

pojntfx wrote: post #7

error404x wrote: post #5

Earlier quoted context omitted.

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

Would much appreciate a relicense to AGPLv3!

changed to APGLv3 :)