Embedding Figma Files

One of the nice things about Figma is that it runs in the browser—which means that designs are accessible via URL. Here’s how to hook up frames from Figma to states in your spec.


Sketch referenced in this tutorial: Embedding Figma Files

Not every spec needs a full-fledged Javascript prototype, but it’s nice to be able to add visual references to states inside of Sketch.systems.

That said, manually linking mockups can be cumbersome—you have to export new images from your visual design tool every time something changes in the UI.

A lot of folks are using Figma these days. One of the nice things about Figma is that it runs in the browser—which means that designs are accessible via URL. This video covers how to hook up frames from Figma to states in your spec.