Superfun

Projects / Superfun

Visit website

From Design to Code in an instant.

I wanted to solve the problem of design to development handoff so I built a tool to convert Figma API’s into predictable, repeatable code.

A person using the Figma Plugin called Superfun to generate code

Instead I learn a hard lesson about self-promotion.

How it's built.

Svelte

The goal was to create an interface that matched the Figma design at the time. Leveraging Svelte as the UI library, I was able to keep the plugin fast and nimble for users.

Figma API

The Figma API does a lot of the heavy lifting now, but at the time all code for the plugin was generated by looking at the structure of the selected node and converting the structure to markup, and the styles to a basic style object.

A laptop using the Figma Plugin called Superfun to generate code
A person using the Figma Plugin called Superfun to generate code