UI3 option to hide the toolbar (for keyboard users)

Or give an option to change it’s position at the very least.

Well… at least to me, it doesn’t matter where it is, it’s still blocking valuable screen space (especially on a laptop screen) for zero benefit 🙂

Toolbars are essential for beginners, but pros have different needs. That’s why you need UI customization settings. (I haven’t even seen the Photoshop toolbar in decades :-P)

And yeah, I know the UI3 toolbar change theoretically freed up space because previously the toolbar took up the full width of the screen. But it’s not really the case, because when looking at a layout, you need to leave space for the toolbar so it doesn’t cover up anything. It is in the center after all, which is where you’re looking at.

Otherwise I’m pretty happy with the UI3 stuff. (People tend to always hate UI changes, whatever they are, so I know this is not easy 🙂

+100 to this

I don’t mind the changes (although muscle memory for sidebar values is a bit messed up) — but I really do mind the toolbar that I never used getting prime real estate that covers my design.

Ideally we could just hide/show it, or at the very least move it out of the way.

is it possible to hide now? just got these updates and it bothers my eyes so much, I want to remove this toolbar

I agree — this has to be moved or allowed to be moved. Totally in the way.

UI3 is very close to being acceptable, with the sidebars being pinned to the edges once more. However, the placement of the toolbar at the bottom is distracting. I actually never use any of those buttons, preferring keyboard shortcuts, and would be fine if there was an option to just hide it permanently. Or, like in photoshop, turn it vertical, and pin it to one of the sidebars sticking out a bit that would also be ok.

I’m sure you’re getting hundreds of messages like this, just tossing my feedback onto the pile.

Since Figma is a web based application, you can locally force some changes in it’s CSS to customize the UI (even if you’re using the desktop version). That allows us to hide the toolbar.

I’ve created a short tutorial (2 minutes) on how to do just that in the desktop version:

I’ll also create a tutorial on how to do that on the web based version later today. It’ll work on any browser that supports extensions.

Thanks for the snippet, that is very cool indeed! But… having to run it each time you open a file makes it impractical :-/

Once the snippet is created, you can use the keyboard to run it.

In Windows: Press [CTRL] + [ALT] + [i] to open the console, [CTRL] + [Enter] to run the snippet, and them [CTRL] + [ALT] + [i] again to close the console.

In macOS: Press [OPTION] + [CMD] + [i] to open the console, [CMD] + [Enter] to run the snippet, and them [OPTION] + [CMD] + [i] again to close the console.

This can definitely be automated using Automator or BetterTouchTool in macOS. I’ll look into that.

If you use Figma in a browser, such as Chrome, Firefox or Edge, you can use the Stylus extension to force CSS changes and customize the UI.

I’ve created a tutorial on using Stylus to do that:

com’on Figma, you listened to and acted upon most of the feedback around UI3.
your most loyal, power users clearly want this. please give us an option to hide the tool bar.