UI3 -- Feedback -- Call me oldschool, but

A post was merged into an existing topic: UI3 - Show Layout Properties (Width/Height/Fill/Hug)

Can we change the Component selection back to the way it was? We should be able to search on components, but also see a list of the components available. My creative team is not going to remember the names of components to go search for them. The only way having ONLY a search is to be able to add tags to components so the creative team can search based on attributes of the components.

When working with white frames, it blends in with toolbars, before there was clear separation.

I must admit, I haven’t done a lot yet in UI3, but my first feedback surely is: please make the panels dockable to the left and right again, at least as an option. As stated many times before, it’d make better use of the screen space and would be visually less distracting. Also the visual inconsistency between the projects area (docked) and an open file (floating) would have been gone.

Agree with everything written here, want to add to this list:

it is very frustrating to figure out the size of elements that have been set to Fill or Hug, example: I have to do an extra click to figure out if my button is 126px or 128px width. This information should be visible at a glance without clicking similar to X and Y coordinates

It is visible if you slightly increase the sidebar’s width.

Why, we also get cat mouse pointers! (I love cats, sure; one is lying next to me right this moment, but…)

Here to second exactly this. There is no reason for this toolbar to be there except for the very novice friends coming to Figma… Let us remove it please :slight_smile:

I still haven’t updated to a new UI and waiting for it to try it :slight_smile: I also heard from colleges they have difficulties finding some tools and options in the new UI. Can someone tell me how to update it to a new version?

Looks like the feedback has already been partially taken into account and implemented:

It remains to be seen what changes are still to be expected.


For everyone without a Twitter account… This is what Joel Miller stated in his thread:

  • 1/ The first is out now; we’ve updated the Clip Content control from a dropdown to a checkbox.
  • 2/ We’re making constraints much more efficient to use. Coming soon, you can toggle on the control and it will display inline, making it much quicker to edit.
  • 3/ Many of you flagged missing pixel values when working with resize modes in Auto Layout. We’re changing these controls so it always shows both the pixel value and resize mode.
  • 4/ We’re increasing the number of actions that are shown for a layer and are exploring ways to make sure important ones like mask and boolean ops are visible when you need them.
  • 5/ We’re adding library information for components, bringing back frame orientation controls, and making improvements to blend modes. All coming soon.
  • 6/ Many of you have given feedback on other areas, especially rulers and the floating panels. We know there’s still room to improve here, and we are working through some ideas. Stay tuned for updates!
  • 7/ As always, thank you for all the feedback on UI3
    Redesigning a UI can be intimidating, especially for designers. We know redesigns can take some time to get used to, but your feedback is helping us build the best possible experience. Keep it coming! More updates coming soon.
1 Like

Nice.

I can’t read the thread, as I don’t have a Twitter account anymore, but the image looks promising

FYI I’ve edited my post and added the thread’s content.

1 Like

Ok, just to be clear. Figma decided to remove 48px height bar from the top with all tools available at hand and add this 96px height section in left bar, 50px height section in right bar and 50px height tool bar at the bottom with extra 10px margin for floating effect, saying that’s because they wanted more space?

screen
screen2

Additionally, they hid many options and actions that don’t have a default shortcuts (vectors and components actions) from top bar to left bar so we need to make more clicks. Thanks Figma!

Right side bar inputs have problems with contrast or hierarchy, everything blends together, it is hard to look at. Hover state is barely visible (1px grey stroke) and some inputs do not have it at all. Hiding values behind “fill” or “hug” is the most ridiculous idea.

That’s all from me, I’m going back to UI2

2 Likes

Thank you for copying the text from the tweet. (Companies should really have stopped using X/Twitter after they made it obligatory to have an account to even read tweets.)

It sounds like they’re taking the feedback to heart. They certainly hit on most of the points I made. I had noticed the “Clip content” checkbox already. and the Auto-layout resize modes (Fixed/Hug/Fill) proposal looks good.

4/ We’re increasing the number of actions that are shown for a layer and are exploring ways to make sure important ones like mask and boolean ops are visible when you need them.*

Still not a fan of those actions inside the sidebar instead of centered at the top, but at least this will be an improvement.

As for 6:

6/ Many of you have given feedback on other areas, especially rulers and the floating panels. We know there’s still room to improve here, and we are working through some ideas.

This sounds like someone higher-up has their heart set on those floating panels and the designers are franticly trying to make it work… :slight_smile:

Ah well.

I think these improvements are what’s needed for me to start using UI3.

Because I’m going to have to do it anyway, as you know they’ll stop adding the new features to UI2, and probably deprecate it soonish. I wish I had more time to really learn it, but as is I’m not able to hit my deadlines on deliverables.

1 Like