Enable Auto Layout

Auto Layout turns a frame into a stack that keeps its children aligned and spaced.

• Select a frame on the canvas.
• In the right panel, open Auto Layout and toggle Enable Auto Layout.
• Choose a direction (Horizontal or Vertical) and adjust gap + padding.
• Use Shift + A to toggle Auto Layout on the selected frame or group.

Tips:

• Use Flow to switch between one-dimensional Stack and two-dimensional Grid layout.
• Use Wrap to flow items into multiple rows/columns.
• Spacing supports negative values (down to -1000000) for intentional overlap stacks.
• Use Auto Gap to distribute children automatically; press X to toggle between numeric gap and Auto.
• For overlap layouts, use Canvas Stacking (Last on top / First on top) to control visual order without changing layer order.
• Reverse Flow changes layout order; Canvas Stacking only changes overlap draw order.
• In horizontal stack flow, enable Align by text baseline for mixed text/icon rows.
• Strokes in Layout lets you include stroke width in item size calculation when needed.
• Clip Content still applies to auto-layout frames and clips overflow from children.
• Main Size and Cross Size control how the frame grows or fills its parent.
• Min/Max size constraints apply to both Hug and Fill sizing modes.
• Component instances allow only spacing/gap/padding overrides on the container; structural auto-layout controls remain locked.