Skip to main content
All CollectionsIntegrationsEmbed 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 3 months 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.

SHARE button

2. Now select < > Public embed next.

&lt; &gt; Public embed

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.

embed code box

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:

Figma Live Embed Kit

Or watch this video:

Did this answer your question?