Skip to main content

One post tagged with "figma to react"

View All Tags

ยท 2 min read
Stephane popout

Did you ever had to spend hours only to set a element to the right position to fit a design ? Did you like it ?


'position absolute' inside a 'position relative' and that's it.


Design integration is not fun and there is more interesting stuff to do!

Where it all startedโ€‹

After spending hours implementing designs, we wanted to ease this boring part of the development process.
After several plugins test, none of them was enough to automate the integration process as we wanted so we created ours ๐Ÿ˜

Here comes Figgy, your figma assistant to implement design faster.

We wanted a funny name for this assistant,
figma + funny = figny / funma / fugma -> figgy is better right?

Figgy visionโ€‹

Figgy was made by developers for developers and aims to ease your integration process so that you can tackle more important and funny in your day to day job.

You work with ReactJS? Figgy is for you !

Figgy's development is guided by 3 pillars :

  • Using figma as the main source of truth with little or no magic
    • Everything should be as explicit as possible on the figma file
  • Tackling responsiveness and state management inside figma
    • This is a tricky part that many of code genrator do not manage
  • Generating figma result directly into your code editor
    • If it's the most convenient for us, it might be the same for you, dear colleague ;)

Currently figgy only generates react code. When react generation will be perfect we will add other output.