Figma prototype UI obscuring fixed website header

eokic-hexis · 2021-05-05T00:22:27+00:00

Describe the problem your experiencing and how your idea helps solve this Screenshot and sample file below. I’m using an iMac sized frame with extended height. This issue is exacerbated by the fact that this is the now the default view when using multiple flow starting points and is the only way to actually change the flow starting point. So you have a constant trade-off of whether you want to see the Figma controls or your prototype’s. Annoying as hell. EDIT: When sidebar is hidden, the fixed header is visible but inaccessible. As soon as the cursor hovers near it, the Figma UI appears over the (clickable) website header. Wow… Add as much context as possible (screenshots, Figma files, mockups, etc.) https://www.figma.com/file/WlYbWyHwtBGEFZihdMt2az/Bug-Obscured-fixed-header?node-id=0%3A1

Forum|Forum|5 years ago
May 5, 2021
162 replies
17246 views

Describe the problem your experiencing and how your idea helps solve this
Screenshot and sample file below. I’m using an iMac sized frame with extended height. This issue is exacerbated by the fact that this is the now the default view when using multiple flow starting points and is the only way to actually change the flow starting point. So you have a constant trade-off of whether you want to see the Figma controls or your prototype’s. Annoying as hell.

EDIT: When sidebar is hidden, the fixed header is visible but inaccessible. As soon as the cursor hovers near it, the Figma UI appears over the (clickable) website header. Wow…

Add as much context as possible (screenshots, Figma files, mockups, etc.)
https://www.figma.com/file/WlYbWyHwtBGEFZihdMt2az/Bug-Obscured-fixed-header?node-id=0%3A1

Share an idea

Show previous replies

Todd5

Please for the love of god fix this

paddy_duke_valla

New Member

Commenting to bump this issue. Please prioritise fixing this.

I can’t fathom any benefits to having the prototype UI overlap the viewport content, so this feels like either a bug or a design misstep.

Changing the zoom level is not really a reasonable solution in shareable prototypes.

Asaad_Mahmood

Please fix this!

Steve_Ofner

Also bumping this. Tired of this being an issue that I have to talk clients through every time I send a prototype.

Alexander_Thomas

Francois1

The shortcut Cmd + \ (on mac) does not work when I am in the prototype view. I should use the menu to disable. After that, no option to make it visible again. Any idea?

Seth_Annis

New Member

When presenting a webpage prototype, the Figma UI is over the page header. This makes it impossible to interact with the header without turning off the Figma UI. If you enable the side bar the header is completely covered. Moving the pointer trying to click on a menu in the head of prototype the Figma UI appears.

The only workaround is to hide the UI. This makes it hard to share a link with clients and expect them to understand they have to hide the UI or sending a link with it turned off.

Is it possible to have the main bar or the Figma UI above the prototype at all times?

Cecile_Leroy

I am also frustrated by this. I want the client to click through several different prototype flows and navigate using the top navbar in my design. To do this I will have to explain to them how to show/hide the UI using keyboard commands in between each flow. This is very clunky and intrusive to the testing experience. The design shouldn’t be covered by the Figma UI.

Kuka

Right now, in ‘Present mode’ (prototype mode), the top panel UI overlays the presented content so it cuts it off:

It’s not possible to see what’s beneath, only by toggling hiding the UI, which isn’t always ideal as it’s not intuitive (for example, if I need to quickly switch between flows).

A possible solution could be nudging the presented content below the panel, instead of overlapping it.

Please upvote this if you experience this and find it frustrating too 😅