Show HN: Open-source Figma design to code

 (github.com)

50 points | by alepeak 14 days ago

6 comments

  • mdtrooper 13 days 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 9 days 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
      • dfajgljsldkjag 13 days 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 13 days ago
          This was just a fun experiment where we played around with the figma api, but their api has been rate limited since nov
        • 65 13 days 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.

          • jamesuw7r1 14 days ago
            How does it work?
            • pojntfx 13 days ago
              This is not open source, it's under a proprietary (FSL) license: https://github.com/vibeflowing-inc/vibe_figma/blob/main/LICE...
              [-]
              • error404x 13 days ago
                Yes, we currently use FSL-1.1-MIT, but we’re open to changing it to AGPLv3 or another open-source license.
                [-]