Hello everyone,
I came across this project on Behance and I was wondering. How did the creator manage to remove the Figma white footer for their prototype? alongside the Figma logo on the left top corner and the Expand button in the top right corner.
As seen in this image, left (creator project) and right (my project): Screenshot-2023-02-02-at-16-29-39 hosted at ImgBB — ImgBB
Ok, this beats me, my embed link looks like this:
iframe style=“border: 1px solid rgba(0, 0, 0, 0.1);” width=“800” height=“450” src=“https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Fproto%2FhyIEPgyIODnUpDRkr2ryVb%2FApex-Legends%3Fpage-id%3D0%253A1%26node-id%3D1%253A10%26viewport%3D664%252C534%252C0.18%26scaling%3Dmin-zoom%26starting-point-node-id%3D1%253A10” allowfullscreen></iframe
Where I should insert the code to remove the UI? much appreciated! Also, are there any additional steps I should edit my embed code to achieve that level of simplicity I showcased in my initial post?
As in my answer above, you just need to add the %26hide-ui%3D1 parameter. You can add this at the end of the src attribute link value. Take a look at my post above.
You can also remove the style attribute and its value from the embed code, as well as the allowfullscreen.
Im trying both options in removing the UI embed however when the embed loads it becomes a black screen i tried using %26hide-ui%3D1 and &hide-ui=1