Feature Requests

A container (applied autolayout upon) with 3 childs vertically aligned . Where the middle childs height increases and decreaes on canvas which works fine . The position of third child moves up and down based upon the height increament and decreament . But this doesn't work fine in preview mode . In preview mode , when the middle child's height is increased then the third child's position remains same , which should be responsive based upon height of middle ( 2nd child ) and move its position . As result the middle child overlaps on the third child

There should be Visibility Response or trigger of containers , text, rectangle , etc. So that we could hide and show easily without protoping in multiple complex steps

Ability to resize and stretch components without breaking their layout like in Figma

Now it takes an enormous amount of time to create a simple tabs menu with buttons having active and normal states. Please do an ability to make a "snapshot" of the component and save it as a "state". Then allow to tween between them (or simply switch). Now it takes 2 hours to just set up showing/hiding and recoloring the text/shapes of the simple button (up/down/active/disabled)

Blend mode support

Ability to edit border for each side - top, right, bottom, left- independently. Very common in CSS and Figma has that feature. When I import something from Figma that has border styles for only top and right for example, in Protopie it doesn't display any borders.

Currently in Protopie, border radius is applied on all the corners altogether while CSS allows you to style only the corners of your choice. The same goes for borders, padding and margin. All should have left / right / top / bottom independent editing capabilities.

Because it's quite a common CSS property.

For instance, you can't set a sentence in bold and another one in regular within the same layer. We should be able to apply different formatting options within the same text layer in order to lower the number of layers to create.