The Width and Height properties define the horizontal and vertical space the Layer occupies in both the Layout Canvas and the final output.

Property Type #

• Type: Positive floating-point number or “Auto”
• Constraint: Values must be greater than 0, unless explicitly set to “Auto”

Both properties control the dimensions of a Layer’s bounding box, affecting how it scales, aligns, and contains its child elements.

Fixed values #

When Width and Height are set to explicit numeric values:

• The Layer’s size is fixed to those measurements.
• It will not automatically resize based on its content or alignment.
• The Layer’s alignment properties (Horizontal / Vertical Alignment) determine how the fixed-size Layer is positioned relative to its parent.

This is the most precise method for defining Layer size when exact control over layout dimensions is required.

Auto Sizing #

A Width or Height value can also be set to “Auto”, which allows the Layer to size itself dynamically based on its content and alignment.

The behavior of Auto depends on the corresponding alignment setting:

• If alignment is set to “Stretch”:
  • The Layer expands to fill the available space within its parent, along that axis.
  • Example: A Layer with “Width = Auto” and “Horizontal Alignment = Stretch” will fill its parent horizontally.
• If alignment is not set to “Stretch”:
  • The Layer automatically sizes itself to fit its children (or internal content).
  • If the Layer has no children, its size becomes 0 on that axis.

The drop-down arrow on the right-end of the input field allows you to easily select the Auto option at any time: