While it might seem nice to have them in a single dropdown menu at first glance, the preview mode button is used much more frequently when designing/developing. It's a bit annoying to have an extra click every time we need to preview something. My suggestion would be to have a separate preview button for better UX, even if it takes up an extra ~32px of UI space.
One thing I really like about Advanced Input is that its possible to paste multiple CSS properties and its values and Webstudio just "get it", and applies all of it.
I was wondering if it would be possible to do that same kind of flow with custom attributes (like the example below) to the Properties & Attributes panel
While I really like the Craft standard guideline using CSS var from Open Props, I still find myself going back and forth checking on the Open Props site what is the actual value for each var, like --size-7 is how many rems?
In the dropdown, it could display something like this: (image)
Currently looking for ways to easily integrate authentication + payment membership solution. Firebase, Supabase with Stripe need a bit too much code for me. Maybe another third-party tool to do the heavy lifting that Webstudio can facilitate the integration, idk.