Skip to main content
kukapishixdd
July 3, 2024

Allow us to dock/move the new UI3 toolbar

  • July 3, 2024
  • 188 replies
  • 9344 views

ngl, the new ui3 is pretty good. the only thing i dont like is the toolbar position. im still not used to it. maybe add an option to move it to the top?

188 replies

Experiencia_Cebra
New Member
April 30, 2025

I don’t find the bottom bar usefull at all. Please give me the alternative to hide it, collapse it or move it around to take it out of my screen space. It is very difficult to work this way and I cant believe that even after houndreds of people have told you and ask you the same, you still chose to force the new UI on everyone. 

It all feels like you trying very hard for everyone to use your new AI features, no thank you.

All you have achieve is to worsen your app and my work flow. 
Let me go back to UI2.

Nick20
New Participant
April 30, 2025

I can’t say anything that hasn’t been said here already, but yeah it’s distracting me from my work (it’s like the iphone ‘notch’ … it ruins the framing and is so visually prominent it can’t be ignored, whereas when it’s in with the regular UI areas you can at least focus on the canvas OR the UI). Except I got used to the iphone notch but I can’t seem to get used to this, it’s just too distracting and inconvenient.

It’s a basic principle of visual hierarchy that the eye goes to the most visually prominent thing in any design first (and then the second, third etc)  – guess what’s become THE most visually prominent thing in my canvas now? You guessed it, a big incredibly prominent black notch that is constantly distracting me and anyone I’m presenting to

… also it’s super inefficient, a real pain placed in the furthest location away from all the other UI especially if you have a big screen (which many designers do) 

…I also trigger the mac’s bottom app launcher bar CONSTANTLY which is driving me nuts 

has anyone found a way to hide it or move it without also toggling off the rest of the UI? Anyone know of good plugins that override this? 

 

Nellya
Power Member
April 30, 2025

Ihas anyone found a way to hide it or move it without also toggling off the rest of the UI? Anyone know of good plugins that override this? 

I’ve made instructions with some solutions ↓

 

Jim10
New Member
May 1, 2025

Given that you could pin the toolbar at the top in previous releases I’m surprised it’s not available in this release. Toolbars at the top have been an industry UI standard since Mac 7.4 and Windows 3.1 and people like me have been working top down for thirty years. Having it at the bottom is counter intuitive, really screws with my workflow and slows me down quite a bit. In short, it’s infuriatingly frustrating and I don’t want to relearn for a single application as it will throw me off in others. 

Please consider bringing moving it back as an option in near future releases. 

Leigh4
New Participant
May 1, 2025

PLEASE JUST PUT THIS ANNOYING TOOLBAR AT THE TOP!!!! Is anyone at Figma actually listening? This is one of the worst design decisions. It’s bad enough having to be forced to UI3 at it is. 

SLT-UX
Active Member
May 1, 2025

@dvaliao At least give us the option to dock it? Here’s an example of it docked at the top, but it could be docked anywhere. 
 


The floating bar on the canvas is clearly not a popular change, and for good reason because it gets in the way of elements in the canvas. There is already a way to hide the UI so this floating toolbar add little value. 
 

CAEDMON
New Member
May 2, 2025

I also agree that the change is unnecessary and it just has made using Figma so much more annoying for me since they forced us to switch. However, I did find a bit of a solution that works for me on the web version of Figma. If you use a CSS injection extension, you can edit the CSS of the website to move the toolbar to the top. I hope they actually update it themselves, but that is seeming unlikely after 9 months which is incredibly annoying.

Anyway, here’s what you would could put in for that to work:
.positioned_design_toolbelt--root--INYO4 {
bottom: auto;
top: 12px;
}

Daniel Box
New Member
May 4, 2025

I refused to update to the new UI *only* because of this toolbar placement. Now I’m forced to use the new update.

Allowing us to move it is a simple fix.

Please.

Ashley15
New Member
May 6, 2025

I also didn’t move across to the new UI because of this. It seems rather silly that we have been begging for this simple change and they’ve now forced us to move to the new UI. Every other tool similar to this has this ability and it also seems a little ludicrous that this tool used for designing user experiences and user interfaces has such a poor user experience

SLT-UX
Active Member
May 8, 2025

I also agree that the change is unnecessary and it just has made using Figma so much more annoying for me since they forced us to switch. However, I did find a bit of a solution that works for me on the web version of Figma. If you use a CSS injection extension, you can edit the CSS of the website to move the toolbar to the top. I hope they actually update it themselves, but that is seeming unlikely after 9 months which is incredibly annoying.

Anyway, here’s what you would could put in for that to work:
.positioned_design_toolbelt--root--INYO4 {
bottom: auto;
top: 12px;
}

Thanks ​@CAEDMON - what CSS extension works for you?