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

162 replies
17579 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

Lene

Agreed! When sharing prototypes with clients the header menu (not just the fixed ones) in all of my prototypes is inaccessible. It’s embarrassing having to explain clients how to switch it off.

Come on Figma, you can’t be serious about this!?

Flo_Terentjev

Bumping this up - ideally I’d still like viewers to see the sidebar with the flow starting point links, and the top bar overlaying the content doesn’t seem logical.

Cmd+\ also doesn’t work in all cases as some third party software uses this shortcut as well.

Maria_Berezneva

Figma’s UI header shows up and covers my prototype’s header. I know that there is Hide UI function, but people who watch me prototype don’t. They struggle to click on my header and cannot.
I suggest shifting Figma’s panel above the prototype. Without overlay. I believe it will solve the problem. Thank you.

Luis_Chacon

Hi @Maria_Berezneva 🙂
I was dealing with the same issue for a while, but I eventually realized that you can hide/show it by pressing Command+. just like the panels in the work space.
Hope this help ✌️

Cary_Evans

This looks like a bug. In a preview mode, I’m trying to preview my work - so why would they cover it up with their UI - it makes no sense. Currently it is not even semi-transparent, it’s solid black.

Grrrr.

Josh

Former Community Manager

This may have to do with the display settings. If you change it from 100% to fit or fill it should help in stopping the UI from covering up the frame.

Phil_Schroeder

Changing the display settings doesn’t change the issue really. It would just shrink the view of the frame, but now it’s out of scale and too small and is more confusing in some ways. I think this goes to show some glaring issues with some basic functionality around prototyping for Figma. I love Figma but the fact there isn’t some parity with features InVision had had for years like pages being scrollable, choosing an area that can be sticky to control what scrolls, and things like that is kind of surprising.

Sam3

Hi @Phil_Schroeder - I am just chiming in here. When you say “pages being scrollable, choosing an area that can be sticky to control what scrolls” - I believe those functionalities are covered. You can definitely set objects as “Fix Positioned” in the application which would then reflect as “sticky” in the prototype. I believe the current best resolution to this problem here is to use Cmd/Ctrl + \ to hide the Figma UI in prototyping mode. If you share that link the users will exactly see the same - the prototype without the Figma top navigation. However, as mentioned earlier, in my opinion this does not completely solve the issue as you will have to explain your users how to toggle the navigation back in if you want them to access the toolbar to accessing features like commenting. So, this is a usability issue. I should not need to be put in a position to explain my users on how all this works - it’s over-complicated - so there is an underlying issue with the current solution.

Rob_Turner

This is obviously a bug and it’s crazy it hasn’t been addressed sooner. It never used to behave this way, you shouldn’t have to close part of the UI to see the top of your design when viewing at 100%. Please @figma can we get some support here.