Skip to main content
Solved

Figma Embed Kit 2 Hide Footer

  • October 1, 2024
  • 9 replies
  • 256 views

Kera

Hi, I’m trying to embed a Figma prototype on my portfolio, but i would like to remove the footer/frame that surrounds the prototype. I know with embed kit 1 we could add “%26hide-ui%3D1” at the end of the src, but it doesn’t work for embed kit 2. I was wondering how to be able to hide that footer/frame.

Best answer by tank666

footer=false

View original

9 replies

tank666
  • 4862 replies
  • Answer
  • October 1, 2024

footer=false


Brian_Roche

How would one remove the outer frame and allowfull screen icon too?

Just render the actual Figma design on screen without anything else


tank666
  • 4862 replies
  • October 16, 2024

See the answer above.

Remove the allowfullscreen attribute from the embed code.


Brian_Roche

Hi tank,
i added the code but I still see a black background in my iframe. Any solutions?

to give further detail, I have a website mockup and i am using an iframe to display the in-browser on a website. Problem is, there are black background in the iframe.


tank666
  • 4862 replies
  • October 29, 2024

Open the design file, open the Prototype panel and change the background color to the desired one.

Figma Learn - Help Center

Kate58
  • 1 reply
  • December 18, 2024

Did anyone ever figure out a work around for this? It’s a good app/system, but unless I can easily remove the project link and title at the bottom of the embed without destroying the other UI elements, it’s dead in the water for my project.


tank666
  • 4862 replies
  • December 18, 2024

The solution to your problem is in post #2.


David134
  • New Member
  • 1 reply
  • December 19, 2024

Hi Tank and thanks for your input.

The footer=false property works, but in the case of embedding FigJam boards, the “open in Figma” link still shows in the bottom left corner of the iframe

Capture d'écran 2024-12-19 171031

None of the solutions mentioned above can help me remove the project link (i’d like to prevent users from finding the board link).

Any ideas ?


tank666
  • 4862 replies
  • December 19, 2024

Looks like Figma fixed this feature in Embed KIT 2. Now the only resource type that supports completely hiding the Figma’s UI are prototypes. So either use the prototype embed or convert the embed code to version 1 format.

V1


Reply


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