Here’s my honest feedback. I created an app from scratch, without using AI. Completely blank. And at this first stage, I’ll just check the properties directly on the page.
I’ll review other elements in the coming days, but for now let’s start with the new properties editor container.
PROPERTY CONTAINER
1 - I know you’re adopting a cleaner layout, with practically everything based on the color white. But a slight background color on the properties tab would help users easily identify where the input fields are.
VISUAL TAB
2 - In the previous version we just need to click one time in the inputs to set the min width/height. Now we need to click in the “+” icon, select these properties to add in the tab, then click in the input. So 3 clicks for each property instead 1.
3 - Now if you set any value to the Builder width and then change the Layout mode, the value is automatically set as 1079.99, why that?
4 - Why these tooltips are not consistent? Sometimes they appear just when you click in some inputs in the given section, other times not.
5 - In the previous version, the layout was the first property in the “Layout” tab, so switching between properties would display or collapse other properties, but there was no problem. Now, this property has been added to the first tab “Visual”, and after Size. Switching between row/column/align to fixed affects the display of the higher properties and requires the user to move the mouse to switch between layouts again. It’s not the end of the world, but it requires more movements.
6 - When trying to edit a Style, the shortcut take us to the color variables.
7 - One of my screens is widescreen, and I work with two split screens. When I do this, the properties tab in the styles gets cut off.
8 - The new color picker is nice. But there are some bugs.
-
Hover over color variables does not display the variable name.
-
When expanding the variable section it moves the color picker down and also expands the container outside of the editor.
-
Once expanded, if it is collapsed, it remains with a broken layout.
-
Once opened, the color picker can only be closed if we click the close icon. It should close automatically whenever we click outside or even on other properties.
-
The shortcut for creating new color variables is very handy, but since we’re on the subject, it would be great if we could reorder the variables in any order we want.
CONDITIONAL TAB
9 - I liked the new ability to reorder conditionals by dragging and dropping, but I think the area that enables dragging and dropping should be limited to a specific location. Currently, any area of the conditional allows this to be done, and I think that in some cases users will accidentally drag things (especially when the editor is a bit slow/freezing), and this will cause problems.
Also liked that now strings have a different color. But when dealing with expressions at the end of the container, the options dropdown cuts off those with large labels.
10 - In some cases, after set up conditionals to a style and apply the style to the element, the conditionals tab in the element or the entire property editor is not rendered, even if we refresh the page, the conditional tab will fail to load.
This was a quick analysis of the page, without even testing it with other components. But I will do that in the coming days because, honestly, in its current state, I see the negative impact this will have on my productivity. Not because I have to relearn where some things are and how the new editor works, but because of the obvious issues in this beta version.
