Responsivity

Responsivity controls how a layer adapts when the scene is viewed on different screen sizes or aspect ratios. Use these settings to keep your layout feeling intentional across devices—so key elements stay aligned, scale predictably, and don’t drift as the available space changes.

In the Responsivity panel, you’ll configure three things:

• Pinning (3×3 Grid): Choose which area of the screen the layer should “stick” to as the view changes. This helps maintain consistent placement (for example, keeping UI elements aligned to a corner or centered).

• Scaling (Dropdown): Choose how the layer should resize (or not resize) as the scene size changes. This is useful for elements that should remain readable, fill available space, or preserve their intended proportions.

• Anchor Point (Dropdown): Choose the layer’s reference point for responsive behavior. This point is used as the layer’s “origin” when scaling and positioning adjustments occur, helping you control where changes visually originate from.

Together, these controls help you build layouts that remain stable and usable across different devices, without manually adjusting layer positions for every screen size.