Figma prototype UI obscuring fixed website header

Bumping this.
At least there should be an option in the ‘Share prototype settings’ pop up that hides the figma UI by default…

+1 for this. Annoying issue. The top panel should not cover the prototype.

Found a workaround. I added a custom prototype frame size. It forces Figma to never cover the prototype area.

It works, but the shortcut was made with an English/US keyboard in mind meaning that on my Danish keyboard the short cut is actually “CMD” + “.”. This might vary for other non-english keyboard layouts.

But still not a 100% working solution because for some use cases I/we still need to have the Flows sidebar visible to navigate, but using the above shortcut also hides that…

Hiding the UI doesn’t work because I need the sidebar to move between flows. This is a huge pain and can’t believe it was designed to overlay the design in the first place 😤

+1 for a fix for this! It’s ridiculous that it’s still an issue.

I have the same problem

easiest solution for figma would be, that the bar just pushes down the actual prototype and not overlay it… please fix this!

(also, would be cool, if the fit to screen/fit to width setting would be global, so that clients don’t have to change this, but i set it up for them)

Super annoying. It’s not a bug, just an annoying feature. Yes, there are workarounds, but having an overlay covering an area where 98% of all prototypes have hotspots is just plain evil.

Great, the default shortcut to show the UI again (Cmd-Backslash) is also the default global shortcut for 1Password.

So if you have 1Password installed you basically can’t get back the UI, since it will always trigger 1Password first.

Just make the UI fixed. Make it hideable. Have a small icon you can click to bring it back. Don’t see the problem.

Unbelievable that a UX prototyping app would have such a ridiculously bad UX!

Having the prototype UI overlap the viewport content when most UIs have header navigation defies logic.

Why isn’t Figma doing something about this? It’s obvious they didn’t do any user testing on this feature before releasing it! Or didn’t test it with real users, i.e., stakeholders that aren’t Figma users, or even designers!

Please fix this!

Hiding the UI also doesn’t work when there is an interactive element in that area. As soon as the cursor approaches the area where the top bar is hidden, the top bar appears again, covering a portion of the design, including the interactive element the user was trying to move the cursor to! This is a straight up broken UX.

Bump, please fix this!

+1 please fix this

Fix this please Microsoft! Oh wait.

Honestly, I can’t think of a single reason why the top bar needs to overlay the deisgn at all. It’s really painful.

What if there were several view settings for the bar:

1. where its completely hidden and activated by the key command,
2. where it collapses down to a icon that floats, fixed, above the design in the lower corner of the page,
3. where it’s the full bar, but the bar is no longer overlapping the design and simply above the design

Wait, this has been open since July 2021 with no resolution? Our clients should not have to show/hide the ui in order to navigate around and/or comment.

Setting the prototype device size to custom 1920/1080 (as is my design) solves me a lot of troubles. The Figma UI still there but prototype fully visible. Then the CDM+ \ trick to hide the Figma UI and copying the link shown as ‘Copy sharing link’ at the bottom finally returns a link to a clean prototype with only a black border around.

This is so frustrating, why isn’t there a fix yet?

Why is this still an issue? Over a year and 73 complaints later for such an obvious problem. Please fix this!

As a hack, I ended up just adding a black rectangle at the very top of my frame (that matches the prototype background) to push the header down into view.

I used that hack too until my dev coded the top rectangle into the design -_-
Pleaseeeee fix Figma!!