Hi there,
i just took a first look on the new style panel. Looks stylish but i think you complicated some things. For example: Changing Displaymode needs 2 clicks now instead of 1. Same for Position duo the dropdown.
While the new design looks clean and modern, I fear one may spend more time locating sub menu items since it now takes two clicks to get to most commonly used styles e.g. display, position, border
The dropdown looks like an unnecessary step right now unless there is a reason for having it on there.
I understand your points.
But in my opinion the giant advantage (except for slightly increased overview) is the compactness of the new design: You have to scroll much less to get to everything. True you have another layer of clicking in many places, but the general overview has much improved.
Perhaps the idea was to have a clear explanations for the various options that you now see instantly on hover to be more visible than delayed tooltips? Not sure how I feel about this yet personally. The “why 2 clicks?” thought was the first one I had but then UX designer at Webflow is hardly subpar to the random one from the forums so there was something behind the decision that justified it. Currently going over all the elements and testing how they feel! Though I am already missing the ridiculous handwritten squiggle near the spacing options, haha!
very useful, thanks! Also new css-properties included? I noticed position:sticky. I hope this new hierarchy gives space for more properties so we don’t have to include embeds.
Hm… interesting, new panel automatically recognized my position:sticky settings from the embeds and set it accordingly for the elements using it. Nice!
Yeah, this is now done with 6 clicks instead of 1. I doublechecked since that felt weird typing but it is true, lol. What’s up with that WF team? Was “center element” property that useless? I honestly almost never used it - 90 percent of time I was using flex but still…
I didn’t really record the properties I occasionally use which are not in the designer, so I don’t have a complete list. But I used these not long ago: overflow-x, overflow-y (so separate from overflow), will-change, mix-blend-mode, clip to name just a few.
Apart from those I hope CSS-selectors will be added sometime.
I second mix-blend-mode! Been using this in a few sites recently, to great effect, as custom code. Would be nice to be able to work with it live and in preview…
What??? I use that feature ALL of the time. @dram Can you tell me the route to find it?
Not that I’ve stayed in Beta for long, I usually like playing with new toys, but it doesn’t feel like Webflow at all, its almost like I’m using a new program. The ultra wide margin spacer buttons are horrendous.
Other than the two clicks, that is certainly inconvenient, for a noob point of view. having access to a quick view of the Displaymode icons was easier, even if you haven’t learn what “displaymode” is yet… you remember the icons. my brain was looking for it way before I assimilate the displaymode category.