Content Comparison

Macro

appearance

When adding your Figma design to a Confluence page, the Figma for Confluence app provides you with three different macro typesallows you to choose between three different types that will determine the appearance of the macro on the page.

Panel

Status
colour Green title default

The panel is our new default view type for embedding Figma designs. It 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.

Frameless

Frameless is great for situations where space is limited, it shows the design in a collapsible panel with a header that includes the name of the design, version information and the ability to collapse/expand the panel. The design is scaled to fit the width and height of the macro. You can use the button in the panel footer to zoom the design to the original dimensions.

Frameless

If you wish to include designs in situations in which space is limited, for instance in a section or a table column, you can choose the Frameless view. This shows the design and nothing else in the most compact way possible. Hovering over the design will reveal additional buttons. To hide the buttons, simply move your cursor outside of the embedded design.

Canvas (Prototypes/Figjam)

Canvas allows you to view your Figma frames and supports embedding prototypes and Figjam files. With regular Figma frames, this macro type provides you with the option to pan and zoom, just like when you're in Figma.
Keep in mind that for other Confluence users to see your file, they are For a more interactive view of the Figma design, you can select the Canvas type. The Figma design will be embedded into the Confluence page using the official Figma embed viewer. This is particularly useful when adding prototypes or FigJam files.

When displaying Figma designs in the Canvas, you will be able to pan & zoom and to drag the design around for a more detailed view.

Detailed Information panel

Each of the view types comes with an information panel that provides additional information about the design. You can easily access this 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.