New UI: Height/Width Settings Keep Moving Around with Component Variables

If it’s not broken, don’t fix it.

The recent change that places component variables above X/Y and H/W settings, though well-intentioned, creates friction for users dealing with complex components and multiple variants. This shift results in vital inputs being moved around, and their location becomes inconsistent based on the number of variants.

As someone who frequently optimizes design systems, I often manage components with up to 12 settings, including both the component and its children. I use X/Y and H/W inputs 3-5 times more frequently than I touch variants, making this new arrangement inefficient for my workflow.

Returning to the previous, consistent logic would greatly improve usability. After all, consistency is key in design, and it’s especially important in a tool meant to empower designers.

I’m not sure if I have the same root problem, but it has to do with the width of the elements and the new UI. Since the new UI, I can’t set the fixed width manually. When I click on “Fixed width” I only get a dropdown (fixed width, hug content, fill container), I can’t enter the desired number.

Hey everyone, thanks for sharing this feedback with us!

I’ve just forwarded this internally to the teams for consideration. Also checking if this is an expected behaviour “When I click on “Fixed width” I only get a dropdown (fixed width, hug content, fill container), I can’t enter the desired number.” @Nicolas16

I’ll get back to you asap, appreciate your patience in the meantime!

I might almost prefer component properties in their own tab of the right panel. In theory, users should be setting those first, and THEN modifying any of the other options on the design panel. These also can get very long, and could benefit from a dedicated panel/tab.