Skip to main content
Solved

How do I remove the black bar and nav menu form embedded files


Irish_Revenue

I’m using the embed feature to show Figma frames of the anatomy of a component in our documentation site, but as of today I’m now seeing a black bar at the top of the iframe along with the navigation for the file that embed is coming from. Does anyone know how to remove this. We dont want users to be able navigate the anatomy files from within the iFrame.

Best answer by tank666

To hide the UI for an embedded file, you need to edit the value of the src attribute by adding the &hide_ui=1 parameter.

For example:

<iframe src="https://www.figma.com/embed?embed_host=share&hide_ui=1&url=…></iframe>
View original
This topic has been closed for comments

5 replies

tank666
  • 4867 replies
  • Answer
  • July 6, 2023

To hide the UI for an embedded file, you need to edit the value of the src attribute by adding the &hide_ui=1 parameter.

For example:

<iframe src="https://www.figma.com/embed?embed_host=share&hide_ui=1&url=…></iframe>

We have exactly the same issue. We also have many embeds on the same page and now the most eye-catching things on our document pages are all the black bars of the Figma embeds.

I’ve seen “&hide_ui=1” suggested for embedded Figma prototypes but we haven’t been able to get it working for embedded Figma frames. Does anyone know anything that would work for them?


tank666
  • 4867 replies
  • July 6, 2023

Please check your embed code with the example in the post above.


Irish_Revenue

Thats super, thanks for that worked perfectly, had seen this solution in 2 other posts but was unclear where to place it in the URL string. Should really be part of Figma page explaining how to embed…Thanks again 👍


Yes! Now we got it working, too. Probably we tried to insert the parameter to a wrong part of the URL previously. Thanks a lot!


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings