Is it possible to remove the border and Figma branding from an embedded Figma prototype in Webflow?

Published on
September 22, 2023

Yes, it is possible to remove the border and Figma branding from an embedded Figma prototype in Webflow. Here's how you can do it:

  1. Log in to your Figma account and open the prototype you want to embed.
  2. Click on the 'Share' button in the top-right corner of the Figma editor.
  3. In the Share modal, click on the 'Embed' tab.
  4. Customize the embed settings according to your preferences, such as frame size and starting position.
  5. Under the 'Display' section, uncheck the 'Show UI options' box. This will remove the Figma branding and border from the embedded prototype.
  6. Copy the embed code provided by Figma.

To embed the Figma prototype into your Webflow website:

  1. Log in to your Webflow account and open the project where you want to embed the prototype.
  2. Go to the page where you want to place the prototype and add an Embed element. You can find it in the 'Add' panel on the left side of the Webflow Designer.
  3. Paste the embed code from Figma into the Embed element.
  4. Customize the size and position of the Embed element to fit your design.
  5. Publish or update your Webflow site to make the changes live.

By following these steps, you can embed a Figma prototype into your Webflow website without the border and Figma branding.

Additional questions:

  • How can I customize the size and position of the embedded Figma prototype in Webflow?
  • Can I embed multiple Figma prototypes into the same Webflow page?
  • Is it possible to hide specific UI elements within an embedded Figma prototype in Webflow?