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
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.
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
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.
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
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.
How does it work?
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!
changed to APGLv3 :)
Awesome! Thank you!