Skip to main content

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?

Until Figma addresses this, the two best solutions for me are the snippets shared earlier in this thread—just add these to Figma’s web dev tools. MoveToolbar moves it to the top, RemoveToolbar hides it completely (until next restart).

  1. In Figma:
    • Go to HelpTroubleshootingToggle Web App Developer Tools. 
    • Or, press Cmd+Opt+ I (macOS)
  2. In the dev tools window go to:
    • SourcesSnippets.
  3. Click New snippet
  4. Name it MoveToolbar then paste this code on the right:
    document.head.innerHTML += "<style id='jolo'>div class*='tool_group--pointingDropdown'] diviclass^='dropdown--dropdown']pstyle]{top: 80px !important; bottom: auto !important;}divoclass^='positioned_design_toolbelt--root--']ostyle]{top: 25px !important; bottom: auto !important;}</style>"
  5. Click New snippet again
  6. Name it RemoveToolbar then paste this code:
    function addStyle(styleString) {
      const style = document.createElement('style');
      style.textContent = styleString;
      document.head.append(style);
    }
    addStyle(`
      .positioned_design_toolbelt--root--INYO4
      {
        display: none !important;
      }
    `);
  7. Right-click the snippet you want then click Run
     
    Dev tools Snippet context menu showing Run as the first option.​​​​

The only drawback is that it doesn’t persist after a restart, so you’ll need to rerun it each time you quit Figma, but learning the Dev Tools shortcut helps: Cmd+Opt+ I on macOS, and I think it’s Ctrl+Shift+I on Windows.


I agree with all the comments above -the floating toolbar is in the way and get’s easily hidden behind the doc on a mac. Coming back to Figma from XD to find the floating toolbar at the bottom and no option of docking it elsewhere, was a huge disappointment. Please listen to your users, or soon you’ll have less of them.


Thank you ​@Uhl !!! This solution is awesome! Hopefully Figma will get their sh*t together so I won’t have to run this every time I restart Figma.

 


The toolbar should be at the top in the header or on the left/top of the canvas area or better yet, let users dock it where they wish how almost every other creative/design app lets you position the main toolbar. 

The toolbar feels so counterintuitive, out of place, and in the way at the bottom of the window where it is.


Can you share the reasoning behind moving the main menu to the bottom in UI3? Understanding the thought process might help us adapt or provide more targeted feedback.

The decision to move the tools menu to the bottom significantly disrupts long-established workflows across many programs. For many users, this breaks muscle memory developed over years of use, slowing down productivity and making everyday tasks feel less intuitive.


Can you share the reasoning behind moving the main menu to the bottom in UI3? 

I’m not a Figma employee, but as a couple of us noted earlier in this (long) thread, their UI3 blog post reads:

 

Screenshot of the bottom toolbar bullet point highlighting the line, “it puts tools closer to where your hands naturally rest”.

 

So my take is they’ve sadly optimized for tablet and Windows touch screen devices over classic mouse pointer interaction. 😞

 


Thanks for the find ​@Uhl .I couldn’t help but respond to that justification.

 

Moving the toolbar to the bottom of the screen frees up more canvas space


It actually does the opposite - It eats up the canvas space.and gets in the way of what you have on the canvas. 

 

...it puts tools closer to where your hands naturally rest

 

Are they assuming most Figma users are working on tablets? Because my hands naturally rest on my keyboard.


 

Without having used it yet, I’m kind of already sold by https://paper.design/ with the toolbar on the left. I think Figma should follow and give you the option to position it on the top/right/bottom/left as well as floating/not floating.


We’ll pass this onto the UI3 team for future consideration.

It has been a year (less since forced ui3 roll out) but I’m still expecting to find tools panel at the top of the screen. The UI3 team takes a long time to consider it.

Pretty please?


i’ve been using the UI bar at the bottom ever since the mandatory switch to this and it drives me mental on a DAILY BASIS. constantly either IN THE WAY or TOO FAR AWAY. plus it shows up on TOP of prototype preview screens 😂

it’s the worst, please for the love of god let us move this bar 


I’ve had to lift up my external monitor with wooden blocks to make the toolbar usable. At the bottom of the UI, it was always hidden by my macbook screen. I find Figma is increasingly turning me off to their tools these days. The enshittification rot feels like it has well and truly set in.


Reply