Auto Size is a layout option that allows you to create dynamic designs that respond to their content.
The Grow property allows you to make changes to text without worrying about manually tweaking the size of the surrounding elements. You can achieve the same behavior if you set Width and Height to Auto in the properties above, but the Grow property gives you quick presets.
For example, when creating a card component, make quick content updates without having to worry about adjusting pixels. Find the Grow property in the properties panel when a layer is selected. Then, set it to Auto Width or Auto Height and watch everything fall into place with copy updates.
You can select an element on the canvas that's set to Auto Height or Width to see a handle inside the element. These handles allow you to stretch layers in any direction and control padding independently.
Auto Size leverages the settings of Stacks which include intuitive padding, alignment, and distribution by default. This means you’re working with the same settings your developers will use in production.