Auxiliary tags

Figma does not have all the features of display Flex or GRID, so you can use some tags to indicate the CSS property that should be applied when pasting in Bricks:

(grow): Indicates that flex grow is 1

(stretch): Indicates that align Items = stretch

(nowrap-m): By default in Bricks builder in the brackpoint mobile flex is wrap, this tag indicates that in mobile flex is nowrap.

(ratio-x-x): You can indicate that this element has an aspect ratio, and it will be applied to the styles in Bricks Builder, which is very useful with images.

(order-1-m) (order-plus-m-x) (order-minus-m-x) (order-minus-m): Very useful for changing the order on mobile devices, for example, when the image is on the right side but on mobile devices we need it to be at the top.

(z-index-x): In figma, we can define the hierarchy in autolayout. To make it equivalent on the web, we must add z-index to some elements.

(reset-height-m): This tag allows you to reset the height to auto on mobile devices, useful for images.