Skip to main content

Automatic layout

Assign child layers to a parent with Properties → Layout relationships → Parent, then enable Auto layout on the parent. Horizontal and Vertical flow arrange direct children in paint order with an authored gap, four-sided padding, cross-axis alignment, optional stretching, and hidden-item collapse. Hug width and Hug height resize the parent around its participating children; minimum and maximum width clamp a text-following background. Auto-size text uses its measured bound content, so a longer live name moves following siblings and grows the parent without scripting. The same deterministic solver runs on the Studio canvas and in exported realtime and non-realtime playback; nested Auto layout containers move with their descendants.