UI3 Feedback

Addition: Hey Figma – please don’t fall trap of the sunk cost fallacy. Better to do some real user feedback to us lot complaining here and then do a quick update on UI3.

Hey There,

Small find, but still creating friction.

When you press the K key for scaling, the focus – like before – starts on the scale option (1x, 2x, etc.). But when you hit the Tab key, it jumps to the next menu instead of going to width and height as it used to. This means you have to manually select the fields with the mouse every time.

The solution could be to have the focus start on the first field (which is now width) when pressing K, so you can easily tab through to the fields you need.

New UI:

Old UI:

Totally agree here – Struggling especially with

• super low contrast
• pixelated edges of Icons in the toolbar on regular screens (still 4k though…)
• the panel being off the sides – and then not movable. The UI3 design suggests that you could move it – but no, just taking some pixels off your screensize.

Apart from learning where to find stuff which is always a bit frustrating I really do appreciate the constant improvement of the product.

I just got UI3 and its immediately maddening the way its positioned in conflict with a hidden macOS toolbar. Makes manipulating Figma windows way more finicky and costs little paper cuts of time I didn’t have previously.

Hello Team,

The recent update is cool with some features that are life savers, such as collapsing left pane and floating popups for several properties.

But I am having hard time reading the texts and icons - I zoomed in the interface already which helped but still the lower contrast between text and background for the right Design panel is very hard for me to digest information.
Also the constant contrast between the gray background and white background (like input field and general background) is giving me visual overload… it might seem like a small contrast and if they are everywhere someone like me can lose their focus.
Also the contrast between left/right pane and the background due to radius and margin can be very very high in my case which is ultimately disturbing to look at for 7+ hours per day…
Also the bottom-middle toolbar could float I think if possible (please). or at least visibility toggled off.

I’m switching back to old ui because of these contrast/accessibility/sizing issues. I don’t know how much you invested the new UI with people with lower vision and more but this is really not that usable in my case… If you can make additional theme other than light/dark mode but something like higher/lower contrast It would be great. Or the option to change colors/opacity for the left/right pane… Thank you for your hard work always.

Agree re the floating panels! Being able to see the artboard through the tiny gaps between the edges is quite visually distracting.

I agree with this. I just got invited for trying out the beta and … I don’t have time for this. Finding where everything moved to?? No. Also everything was just on the top bar and the bottom was clear. Also at this point… all those items they’ve centralized on the bottom are kind of silly. I’m pretty sure most of us who are familiar with Figma just use the keyboard shortcuts and don’t need to see them front and center.

The gaps are awful. It feels like an element I should be able to move around, but I can’t. And then they shrink into bubbles that I also cannot move around. Like what was the point here?

I have no idea if the new UI offers any new functionality, but if it doesn’t, then this is a massive waste of time to ask users to learn something to that gives no additional benefit.

The new UI isnt bad IMO, but could benefit from further iteration. I am also struggling with how cluttered it looks. Having adequate spacing and organization is UI Design 101, so I am very surprised by this change. However, instead of reverting back, a few changes could make this UI work a lot better. Ways this could be fixed are:

• Removing button background colors, like op said.
• putting Frame back into the prototyping panel (I feel that it was better utilized in the prototyping panel. Also a button for creating components isnt bad, but that is what keyboard shortcuts are for).
• Enlarge the icons and/or provide more spacing around icons.

It seems unnecessary to crowd everything at the top of the panel when there is so much unused space at the bottom.

The new UI is beautiful, but I do agree that it’s getting harder to find and click on things.

• The buttons and icons are just too small.
• We still can’t resize all the submenus, and tokens with long names don’t show up fully, which makes using it a lot harder.
• That thin line separating the sections isn’t enough to visually divide them, so it’s tricky to find the section I’m looking for.
• When I first saw the floating panels, I thought they’d bring some new functionality, but honestly, they don’t add much. In fact, they just take away more screen space.

I’ll be brief in order of importance:

• New grouping of frame/auto-layout separate from position feels horrible, and it takes up more space than it should (not less as claimed by marketing materials). I want to see everything in the top right corner, not scattered across the entire right side.
• Icons and hit boxes in general are TOO SMALL. I can barely use auto-layout alignment panel with this. I can barely control whether the frame should hug or fill. Inputs that are 24px in height – this is not “accessible”.
• Spaces are too large. There’s no reason for them to take up 12px on each side. My Macbook is tiny enough, nothing fits on the screen anymore.

I’ve been using Figma since 2017 and never had complaints about any changes until today. Please fix this.