Superfun!
p/superfun
Transform Figma to HTML, CSS, React, Vue, Svelte and more!
Dee Wizzard
Superfun! - Figma to Code for free! β€” Figma plugin that writes HTML, React, Vue, Svelte & Tailwind
2
β€’
Design. Code. Done. πŸͺ„βœ¨ Free with no limits! ❀️ Intelligently convert your Figma designs into fully functional code. Choose from HTML, CSS, React, Vue, Svelte and TailwindCSS. Export to CodeSandbox and share with your team.
Replies
Dee Wizzard
Maker
πŸ“Œ
Hey PH! We're back for another go at this because yesterday there was some issues with our link! Getting a design made in any application into code is a daunting task, but especially so in Figma. So we created Superfun to help you skip the hassle of all that copy and pasting, manual coding and prototyping. Superfun brings you everything you need to build your next project like a developer: code generation & export, CSS delivery, simplified code editing, and more. This is just the beginning as well - we're working on adding new features every day. Responsive styles, TypeScript, publishing and hosting a site directly from Figma are all on the roadmap! We're currently in beta and not charging a penny for using our plugin while we work out any bugs we find from all the different ways people use Figma. Getting started is really easy: Just install the plugin and create. Everything stays on your computer and we don't even want your email to use the plugin. Start creating today! πŸͺ„πŸŽ‰
tyn solstice
This is incredible - especially digging the tailwind classes. Can't wait to take prototypes to the next level (and also to accelerate some of our angular migration projects, muahahah.) My team and I are very excited to see where this goes!