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.

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.

The tools on the right and left are in good old condition, as the space on the edge in the current position is distracting…

Figma team please revert !!!

I have never seen a software update be so confusing. This new Figma UI is harder to understand and is not intuitive

The new ui3 is so frustrating, yes it looks more beautiful, but the entire working experience should be reimagined. I don’t understand why you put a lot of unnecessary elements right into the working bars.

– I don’t need an instrument tab right in front of my face

– I don’t need to have padding at the corners just because you decided to have a rounded bars.

– I don’t need hovers, borders and other elements that make the whole interface look like a messed swamp.

Less UI is better than the beautiful UI.

I loved the new button to minimize tool bar, makes total sense! 🙂 But can’t see the need of having a floating toolbar. Feel it steals space from the center with no need and also looks visually confusing 😕 Right toolbar’s

spacing arrangement is also feeling overwhelming.

Overall i like the new UI, but just suggesting some adjustments 🙂

Who on earth thought floating panels could ever be good?

It feels like a bad 1990s windows app:

Hi, this thread is long, so I did not read everything.

Overall the new UI is great. takes bit of time to get accustomed to it, but is surely nicer in some respects. the main issues I have so far with it are :

1. When designing with lots of content in the page, My team and I put the first content close to the maximum negative value in X,Y on the canvas, in order to have room to expand the content from left to right and top to bottom. Before the new UI it was not a problem as the canvas was displayed in between the opened panels. Now, my content is obscured by the panels ( even when collapsed) and I can’t access it unless I’m zooming in. See below image as an example.
   
   
   


2. When on selection with a component instance, two issues : First , the button/icon “create a component”. is not really useful ( or I missed the point of creating a component when already working on an instance) and it looks really similar to the old " go to main component icon" which makes it the number one mistake I’ve been making for the last 2 days. Secondly, the “go to main component” icon is hidden behind the “instance symbol”. One has to hover to discover that it changes from “hey I’m an instance” to “go to main component”. Discoverability issue.
   
   
   

Thanks !

Hi, just started using new UI

• I have no idea where constraints are - ok, took a while to find it. Why hiding it? I use it a lot


• Why move all variant/cmponent stuff to the top. The main point of focus is in the middle, not at the top. Secondary stuff should be at the top, not the main thing.
  
  
  

Why changing something that works? No idea

GIVE ME A STABLE POSITION FOR THE BUTTON “GO TO COMPONENT” !!!

Sometimes it’s in the (︙), sometimes not

Sometimes it’s in the right click contextual menu, sometimes not

I’m so fed up with this

I had the same exact question. Why change something that works? And what problems did the new UI solve? We know the problems it caused 😃

Agreed! The autolayout fill and hug are the most used actions kept under a dropdown. Also the previous UI keeping it separate makes soo much more sense

+1 to everything you said. I also really dislike the choice of hiding the Fill/Hug properties under a hover and a click – it’s such a common action for me that I’m not sure why you would make it more complicated to find.

Switched back to the old UI

They are trying to move things around a lot and it is creating a lot of confusion. Old UI was much better to understand and find things.

Another note on the Ruler Guide Functionality. Now I have to drag ACROSS the left panel to add a new vertical guideline. Sometimes my hands get shaky, so I’m rolling the dice on whether I successfully get the guideline into the main canvas area or if I accidentally click something in the left panel.