Skip to main content
eokic-hexis
May 5, 2021

Figma prototype UI obscuring fixed website header

  • May 5, 2021
  • 162 replies
  • 17246 views
  1. 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…

  1. 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

Stephen_Zamadics
September 23, 2021

This is a bug that needs to be fixed.

September 23, 2021

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.

Laurie_Annis
September 26, 2021

This was actually already reported as a bug, and a Community Manager (incorrectly) responded that resizing the display should fix it (it does not), and the bug report was closed without being fixed.

I had to explain to my client how to close the UI so they could play through the prototype. Luckily they were tech savvy.

Yes, you can hide the Figma UI and then copy the link to share, but then the client can’t see the side menu.

Erin-UX
October 5, 2021

I have the same issue. The prototype UI shouldn’t obscure parts of the design, especially when the design has clickable hotspots on it.

Michael_Durey
October 6, 2021

Hi all,

We’ve recently been conducting some user testing using the observation mode within Figma to view each participant.

Something that we’ve noticed recently is that when users go to click on items in the main navigation, the Figma presentation view sidebar obscures the header whether show sidebar is activated or not.

It’s a bit of a pain and definitely frustrating for users - am I missing a way to prevent this?
It would be great if the sidebar didn’t interfere with the prototype at all.

I’ve uploaded some screenshots below to show what I’m talking about.

Thanks!

Louis_Coyle
October 6, 2021

+1 Honestly would be better if the Figma header UI wasn’t overlaying prototypes at all. It’s becoming a real pain, im having to add more white space at the top of frames.

KnowTech_With_Aman
October 11, 2021

Any solution to this…I am still facing issue.

Slava_Bronevitskiy
Active Member
October 11, 2021

@anon21722796
Overlay buttons (that you can hide) are ok.
Overlay bar that covers a part of design is a big NO.

Empathise with this:
We have 7 designers who share prototypes with 100 to potentially 1000 colleagues and managers. We send the link (or post it on knowledge management platform) to a mobile or desktop design and get contacted back about design being “cut off”, “unable to click on top navigation that is barely sticking out”, or “lacking navigation bar” (because they don’t even know there is navigation bar design underneath the Figma bar.

Now we designers can hide it (even though it’s annoying repeated task) because we work with Figma and know how it works. 99,993% of our organisation can’t.

impactby.design?ref=nI
Maite_Who
New Participant
October 27, 2021

This is indeed quite unfortunate. It would make more sense that the figma ui doesn’t overflow on the screens especially since 90% of designs have a top bar navigation that then becomes inaccessible.
And i know you can hide the ui
BUT ☝️
The sidebar is a very nice feature to show multiple flows to clients as well so it’s useful to keep it visible when sharing a prototype.
Following people around in prototype mode is also very useful during demo time, so being able to view the sidebar & the top bar & the full design would be ideal

Hopefully Figma can fix that soon 🙏

Philippy_Gonzales
October 28, 2021

I’m facing the same Issue. I need to share the prototype with the team and we have Navigation buttons on the header of the prototype.
PLease @FigmaForUserResearch create an option to hide or remove the move interaction of the Figma top toolbar.