Anchor Point
An Anchor Point sets the layer’s reference point for positioning and responsive behavior. In the Responsivity section, the Anchor Point dropdown lets you choose which point on the layer should be treated as the origin point when the layer is positioned, pinned, or scaled.
By default, Anchor Point is set to Center.
Why Anchor Points Matter
Changing the anchor point lets you control what part of the layer behaves as the reference when:
Pinning keeps the layer a fixed distance from a selected screen area
Scaling resizes the layer across different viewport sizes
Transforms and animations are evaluated (so motion and scaling feel consistent with your chosen reference)
This is especially useful for UI elements and layouts where you want a specific corner/edge of the layer to remain stable as the experience adapts.
Anchor Points + Nested Layers
If your layer contains child layers (like groups), anchor-based responsive behavior remains consistent as the parent layer transforms, helping nested layouts stay aligned.
Anchor Point Options
The dropdown includes nine options:
Top Left, Top Center, Top Right
Center Left, Center, Center Right
Bottom Left, Bottom Center, Bottom Right
How to change a layer’s anchor point
Select a layer.
Open the Responsivity section.
Open the Anchor Point dropdown.
Choose the anchor point you want.
When you switch anchor points, PLAY recalculates the layer’s X/Y position so the layer does not visually jump on the canvas—your layer stays in the same place, but its internal reference point changes.
Last updated