Superfun speeds up your development by intelligently converting your Figma designs into fully functional code. Choose from HTML, CSS, React, Vue, Svelte and TailwindCSS.

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! 🪄🎉

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!

Superfun!

Transform Figma to HTML, CSS, React, Vue, Svelte and more!

Transform Figma to HTML, CSS, React, Vue, Svelte and more!