Jenny Lea

I am a Software Engineer at Figma, hailing from Leeds in the UK. I have always worked full stack but there is a special place in my heart for anything visual, which has lead me to my role on the Developer Tools team at Figma. What excites me about technology is being able to rapidly iterate on things and work with the smartest people around to build cool stuff! In my spare time I enjoy hanging out with my cat, oil painting and getting out into the countryside on my own two feet.

Figma, UKj-lea

Building Figma’s Widget Code Generator

React Advanced 2022

19 min

Building Figma’s Widget Code Generator

Widgets are custom, interactive objects you place in a Figma or Figjam file to extend functionality and make everything a bit more fun. They are written in a declarative style similar to React components, which gets translated to become a node on the canvas. So can you go the other way, from canvas to code? Yes! We’ll discuss how we used the public Figma plugin API to generate widget code from a design file, and make a working widget together using this.