# Transform Properties
Transform properties determine how a layer appears in space—its position, rotation, scaling, skewing, and pivot point.
These controls apply to **all layer types** unless otherwise noted.

<Image src="https://assets.docs.lottiefiles.com/static/4ddc63c839-640.webp" alt="Transform Properties" caption="Transform Properties" zoom variant="default" srcSet="https://assets.docs.lottiefiles.com/static/4ddc63c839-640.webp 640w, https://assets.docs.lottiefiles.com/static/4ddc63c839-1024.webp 1024w, https://assets.docs.lottiefiles.com/static/4ddc63c839-1920.webp 1920w" width="2560" height="1920" loading="lazy" data-blur="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAACXBIWXMAACxLAAAsSwGlPZapAAAAn0lEQVR4nC2OSwqCUAAAvUhUYPH6WKkUChFiRaRPWghqPzQVqUWL7g9NaO5nhlFknH/lpWIb5djukZVzwHI9ZJwjk+KryPiBvL+wwwxVjOmogp6Y4kUPgnOJEkQZx/SNkX4QkwV9MWM4M/FrMSlRmtTtyTpM6Q0EXc1gZFr4UQ0UfyC4VjinBDHXUTWdwdxsgX+hnSxY73yWm30z6reTPxwlWKjKqRxOAAAAAElFTkSuQmCC" />

## 1. Position

Controls where the layer sits on the canvas.

<List type="bullet">
  <ListItem>**X** — horizontal position</ListItem>
  <ListItem>**Y** — vertical position</ListItem>
</List>

Drag the object directly on canvas or enter precise values in the panel.

### Tips

<List type="bullet">
  <ListItem>Hold **Shift** while dragging to constrain movement</ListItem>
  <ListItem>Position can be animated with keyframes</ListItem>
</List>

## 2. Scale

Changes the size of the layer.

<List type="bullet">
  <ListItem>**Scale X** — horizontal scaling</ListItem>
  <ListItem>**Scale Y** — vertical scaling</ListItem>
  <ListItem>Link icon toggles uniform scaling</ListItem>
</List>

### Notes

<List type="bullet">
  <ListItem>Negative scale values flip the layer</ListItem>
  <ListItem>Scale is animatable</ListItem>
</List>

## 3. Skew (Supported & Animatable)

Applies a slant or shear effect.

<List type="bullet">
  <ListItem>**Skew** — angle of distortion</ListItem>
  <ListItem>**Skew Axis** — direction of skewing</ListItem>
</List>

Useful for perspective-style motion graphics or slanted UI elements.

## 4. Rotation

Rotates the layer around its anchor point.

<List type="bullet">
  <ListItem>Specified in degrees</ListItem>
  <ListItem>Supports multiple revolutions (e.g. 720°)</ListItem>
  <ListItem>Fully animatable</ListItem>
</List>

## 5. Anchor Point

Defines the pivot used for rotation and scaling.

<List type="bullet">
  <ListItem>**Anchor X / Y** inside layer bounds</ListItem>
  <ListItem>Does not move the layer visually—only changes rotation/scale center</ListItem>
</List>

### Tip

Always set anchor **before** animating rotation.

## 6. Alignment Tools

Available when **two or more layers** are selected.

<Image src="https://assets.docs.lottiefiles.com/static/b9c4ea81e3-640.webp" alt="Alignment Tools" caption="Alignment Tools" zoom variant="default" srcSet="https://assets.docs.lottiefiles.com/static/b9c4ea81e3-640.webp 640w, https://assets.docs.lottiefiles.com/static/b9c4ea81e3-1024.webp 1024w, https://assets.docs.lottiefiles.com/static/b9c4ea81e3-1920.webp 1920w" width="2400" height="1200" loading="lazy" data-blur="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAYAAACzzX7wAAAACXBIWXMAACxLAAAsSwGlPZapAAAAR0lEQVR4nGPwDk/66xuZ+t8/Oh2OA2Iy/vtFpf4HyTH4Rqb8dw2I+m/p7PXfysXnv5WL938zBw+wGEgjXAFIwtoViwJCVgAAC2o+wL0FlZ4AAAAASUVORK5CYII=" />

### Horizontal Alignment

<List type="bullet">
  <ListItem>Align Left</ListItem>
  <ListItem>Align Center</ListItem>
  <ListItem>Align Right</ListItem>
</List>

### Vertical Alignment

<List type="bullet">
  <ListItem>Align Top</ListItem>
  <ListItem>Align Middle</ListItem>
  <ListItem>Align Bottom</ListItem>
</List>

Alignment is always relative to the **bounding box of the selection** or the **scene bounds** depending on context. ##
7\. Bounding Box Behavior (Layer Level)

The bounding box defines snapping, alignment, and transform behavior.

<List type="bullet">
  <ListItem>**Vector layers** use shape bounds</ListItem>
  <ListItem>**Images** use pixel dimensions</ListItem>
  <ListItem>**Precomps** use scene size or content bounds depending on mode</ListItem>
</List>

Changes automatically when shapes are added or removed.