Macro types
When adding your Figma design to a Confluence page, the Figma for Confluence app provides you with three different macro types.
Panel
The panel is our new default view type for embedding Figma designs and brings important information about your Figma frames along with the design itself. You can easily access the information panel via the info icon in the top right corner to find out more about the file, branch, version and more without leaving Confluence.
.png?version=1&modificationDate=1702301846097&cacheVersion=1&api=v2&width=230)
.png?version=1&modificationDate=1702301846117&cacheVersion=1&api=v2&width=230)
.png?version=1&modificationDate=1702301846130&cacheVersion=1&api=v2&width=230)
Frameless
Frameless is great for situations where space is limited, it shows the design and nothing else in the most compact way possible. Buttons become available on hoover.
.png?version=1&modificationDate=1702301846139&cacheVersion=1&api=v2&width=362)
.png?version=1&modificationDate=1702301846145&cacheVersion=1&api=v2&width=362)
.png?version=1&modificationDate=1702301846152&cacheVersion=1&api=v2&width=362)
.png?version=1&modificationDate=1702301846158&cacheVersion=1&api=v2&width=362)
Canvas (Prototypes/Figjam)
.png?version=1&modificationDate=1702301846164&cacheVersion=1&api=v2&width=230)
.png?version=1&modificationDate=1702301846172&cacheVersion=1&api=v2&width=230)
.png?version=1&modificationDate=1702301846180&cacheVersion=1&api=v2&width=230)
Figma for Confluence (Canvas/Prototypes/Figjam)
Upon clicking on the Figma for Confluence (Canvas/Prototypes/Figjam) macro , the macro will pop-up on your Confluence page
Navigate to Figma & open the Figma file/frame you’d like to embed
Click on the share button at the top right off your screen
Navigate back to Confluence and paste the link into the URL field of the macro
The Figma for Confluence app will load your Figma file
Fill in the desired Width & Height
Click on insert to publish your Figma File or Frame!
The macro will provide you with two additional options:
Zooming & Panning - There is a button in the right corner of the canvas that will allow you to zoom in and out
Open in Figma - Clicking on the file name in the left corner of the canvas will redirect you to the file/frame in Figma