Align

'Align' determines your layer's anchor point - the reference point from which all positioning is calculated. You can set alignment using two rows of buttons:

The basic alignment options (Left, Center, Right) are always available.

When you enable "Ignore Auto Layout", the vertical alignment options (Top, Middle, Bottom) will also become available.

Once you set an alignment, you can use margins to adjust the layer's position from that anchor point.

For example, selecting "Left" alignment makes the left edge of the layer your anchor point, it also snaps the layer to the left edge of the screenshot. You can them adjust the distance between the layer and left edge which you can then adjust using "Left Margin".

Margins (Recommended)

Margins are the recommended way to position your layers because they provide consistent spacing across all screenshot sizes.

All margin calculations (top, right, bottom, left) use the screenshot's width as a reference, ensuring consistent proportional spacing regardless of device dimensions.

• Margins are only available when if the Ignore Auto Layout buttonis disabled.

• You can adjust margins using the input fields or the up/down arrow keys for fine adjustments.

• For example, a 10% left margin will always position your layer 10% of the screenshot's width from the left edge.

Offset

Offsets provide an alternative positioning method that uses both width and height as reference points. X (horizontal) offset uses the screenshot's width, while Y (vertical) offset uses the screenshot's height.

This differs from margins because:

• Margins use only width for both horizontal and vertical positioning

• Offsets use width for X-axis and height for Y-axis calculations

Setting both X and Y offsets to 0% positions the layer according to its alignment settings.

Rotation

Rotate your layer from -180 to 180 degrees:

• Enter a specific value in the rotation input field

• Negative values rotate counterclockwise

• Positive values rotate clockwise

Video Example