LAUNCHED: Toggle Constraints

new layout is sucks…

up for this. I don’t even know why they’ve hidden this.
But for me, I used constraints more than I use this (position):

I would love a setting for “advanced properties”

Show inline as section or popup

With this we can have the best of all world. For those who use it often it appears below the section where the button to trigger it is. For those who prefer a movable popup they can have it.

It also work in line with the new UI language where they are puttin title on the different sections in the inspector.

As example.

It means that pressed contrains button will show a section below. Looking exactly as the popup but always visible inside the inspector

Same goes for the corner radius. Before it was field inside the inspector now its a pop up.

Technically it should be easy as its the same layout and content as in the popup. They alread have the concept of sections anyway.

Sure it will be a longer panel. But for those who like it why not?

Also currently they are not consistent. There is a buttom for individual padding. Which just add fields. Why is that not a popup?

To make it worse you can only have ONE of this advanced properies panel open. Why? Also if you deselect the object and select it again those popup floating panels are gone so you need to press the button again.

Se attached how it would look with floating advanced property panels vs inline.
Heck for super users, one could even choose what setting to appear inline vs popup

This UI redesign is horrible step back in terms of usability. Im really disappointed in this update. Seems like Figmers been more focused on the way everything looks clean instead of handy. Big thumb down

I cant believe they tested this new UI with UX’ers. 😦

100% this.
The new UI3 has severely impacted my work efficiency! I hope these issues will be taken seriously by the Figma team.

Really, constraints are much more important than this positioning (but it would be great if they kept both visible)

This is a pretty important panel for setting the positioning of an element within a frame. And it was needed not only to enter data, but also to check it. Now a quick glance at Constraints won’t work, you’ll have to take a closer look. Yes the dropdown icon shows this setting, but it does it in grey, which doesn’t help.

How would I solve the problem? Would leave that panel visible in its entirety. Honestly, I don’t understand the Figma designers’ desire to combine everything and hide it. There’s no benefit to combining and hiding important panels. In any case, even in the new interface there are so many of these settings that they go into the scroll. So the point of this freeing up space is simply lost.

Why would they hide constraints. I use it ALL THE TIME. Free me from your constraints Figma.

Okay, I understand the need to innovate, but why change something that already works? Every user uses that UI every day. There is no reason to hide elements or change positions. It’s really bad to use!

Hey All, thanks for the feedback!

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

I also would love to see the constraints visible all the time, but I do not share the negativity in general.

I love how you can now minimize the sidebars and the bottom-toolbar is also a big plus for me (less mousetravel on big screens).

Things I don’t like are the extra click in the “interaction-context-menu” to change or read the state-props and the location of width/height of elements… I keep on searching where they are… they just don’t pop out or aren’t placed where I would look for them (even after spending some good hours working with it).

It’s a beta, so I hope the good bits stay and some changes will be done to mitigate some regression.

It’s odd. You can even adjust the panel to be wider if preferred. That would be a great opportunity to show more settings in full, like Contraints, but sadly not implemented.

I don’t even find the “Position” Section!!!

Agree. I almost NEVER use the X and Y position, yet it takes up so much space right in the middle of the panel where my eyes go to by default.

The other thing is that depending on whether or not I have a component selected, the SAME SPOT is taken either by position OR by dimension – and they look freaking identical on first glance. I can’t count the number of times I’ve accidentally tried to use the position boxes when I wanted the dimensions.

I feel in general the new UI has zero sense of hierarchy at all and its really hard to tell one thing apart from another.

Agree, it was way faster to just scroll, than to aim the cursor on a tiny tiny box and open a popup

Disabled the new UI3 thanks to this, I use constraints all the time

Adding my two cents:

I’d never use the buttons to align my elements instead of Option+WASD, but I understand that maybe this is good for new users or people who are used to working in PowerPoint.

Although, what I wouldn’t agree on is that these buttons are more important or deserve their screen real estate more than the positioning constraint buttons.
This feels really weird and I’d like these options to be
a) more visible / scannable and
b) easier to change.

A cool additional feature would be a possibility to change a constraint to “Scale” with one click instead of selecting it from the dropdown.

Hey All, thanks again for your votes and continued feedback!

This is already on the UI3 team’s radar for improvement. Soon, you’ll be able to toggle on the control so that it displays inline - stay tuned! 🙌

I’m with you. I loved the previous layout. It’s not a very accessible app now. I want to think that the more I use it the more I appreciate it (“users don’t like change”) but it’s very unintuitive (i.e. I used to be a new user when I used Figma for the first time in the past - loved everything about it then).

Hey All, thanks for your patience!

Constraints can now be toggled on and will display inline! 🚀

Hi, is this a bug or did you do it on purpose: now in constraints it is not possible to remove the side snapping by shift+click.
Now in order to remove the snapping, I have to switch the snapping to the center and only then remove it by shift+click
I think it’s a bug because it’s a known pattern that’s been around since Sketch 🤔

I tried to show it in the video. The moments when the cursor stops on the left and top snapping option - I frantically click the shift+click combination 🙂

upd. It fixed itself, I didn’t even reboot Figma 👀