All Collections
Integrations
Embed Code
Embed Prototypes from Figma
Embed Prototypes from Figma

See how you can grab embed code from Figma to use in your journey maps and personas

Nina avatar
Written by Nina
Updated over a week ago

To embed your Figma prototype do the following steps:

1. Make sure you have your prototype open and click that blue SHARE button on top.

2. Now select < > Public embed next.

3. Copy the code from the pop up and paste it into one of the embed code boxes in your journey map or persona. It will take a few seconds to load and then it will render your prototype like this.

You will also have a possibility to scroll within that iframe and also zoom in and out or show it fullscreen by hovering over the iframe and selecting appropriate actions.

The prototype will refresh every time you refresh the page with the map and all new changes made in Figma will reflect in the iframe.

Read more on Figma Live Embed Code on the official Figma help center:

Did this answer your question?