At its default size, Anchored displays a 3x3 dot grid. Each dot corresponds to an anchor point position: corners, edge midpoints, and center. Click any dot to move the anchor point on all selected layers.
The layer's position is compensated automatically, so nothing shifts on screen.
Who This Is For
Motion designers who reposition anchor points before animating scale, rotation, or other transform properties. Anchored replaces the manual math of moving the anchor and then correcting the position.
How It Works
- Select one or more layers in your composition.
- Click a position on the grid.
- Anchored sets the anchor point to that position on each layer’s content bounds and adjusts the position property to compensate.
The anchor is placed using sourceRectAtTime, which means it follows the visible content of the layer, not the transform bounding box. For text layers and shape layers, this gives more predictable results because the anchor aligns with what you actually see on screen.
Using Anchored in Practice
The most common workflow is to set your anchor point before adding keyframes. For example, if you want a text layer to scale from its bottom-left corner, click the bottom-left dot before adding Scale keyframes. The layer stays exactly where it was; only the pivot changes.
Anchored works on multiple selected layers at once. Select all layers you want to pivot from the same corner and click once. If a layer type does not support anchor point changes, Anchored skips it and continues with the rest.
Responsive Layout
Anchored adapts to any panel shape. At its default square size, it shows the dot grid. As you resize the panel, it switches between five layout modes to fit the available space. See Positions and Layouts for all five layouts.
No Settings
Anchored has no settings and no modifier-key variants. Every click sets the anchor point to the clicked position. This simplicity means there is nothing to configure and nothing to break.