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.
footer=false
1 Like
How would one remove the outer frame and allowfull screen icon too?
Just render the actual Figma design on screen without anything else
See the answer above.
Remove the allowfullscreen attribute from the embed code.
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.
Open the design file, open the Prototype panel and change the background color to the desired one.
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.
The solution to your problem is in post #2.
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
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 ?
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