Embed Figma Content in Guides and Landing Pages

  • Updated

Embedding widgets in Guides and Landing Pages makes it simple to incorporate multimedia content from Figma, YouTube, or Vimeo, even if the content is not part of your DAM library.

Keep teams aligned on your latest design resources through Figma embeds in Guides and Landing Pages. Showcase design concepts, UI layouts, and product prototypes, allowing users to instantly preview, navigate through, and zoom in on different Figma designs directly in Guides and Landing pages.

Who can create and customize content in guide and landing pages?

How to Add Figma Embed 

  1. Select Screenshot 2024-11-18 at 3.54.53 PM.png> Embed > Figma.
  2. Enter the Figma URL in the right-hand widget settings bar.

  3. Controls: select toggle to show/ hide the visibility of controls (zoom in/out) in the Figma file.
  4. Footer: select toggle to show/hide the visibility of the footer (file title and last edited information).
  5. Theme: Choose a theme for your design view:
    • System: Matches your system's theme
    • Light: Default theme
    • Dark: Ideal for reducing eye strain and blending Figma files with darker backgrounds.

Screenshot 2024-11-18 at 4.09.30 PM.pngFAQ

What kind of Figma files are supported?

Figma design files are supported. Product Prototypes are not currently supported.

Click here to learn more about embedding Figma files.