When you resize an Artboard you can control how the layers on it will behave. You can choose to leave everything on the Artboard in place and at its original size or resize all the content. The layer’s behavior can be further controlled using resizing constraints applied directly to it.
If you want a layer to resize relative to the Artboard it’s a part of, select the Artboard itself and check Adjust content on resize in the Inspector.
The RESIZING section in the DETAILS tab of the Inspector lets you choose how to constrain any selected layer’s resizing behavior when the Artboard, group or Symbol they are a part of is resized. To set the constraints, select a layer within an Artboard, group or Symbol and apply the required RESIZING constraints:
- Pin to Edge - choose which edges of a parent your layer will be pinned to on resize, click the edges you want to enable
- Fix Size - set whether your Layer’s height and width should stretch or stay at a fixed size
A Preview shows how the controls you select affect your layer’s behavior.
Tip: By default, we’ll resize layers within a group or Symbol relative to their parent, including any padding.
The Fix Size constraints keep a layer’s height or width (or overall dimensions) the same, no matter how its parent is resized.
This is useful, for example, if you have a menu bar in an interface that you want to keep the same height, no matter how tall the Artboard it’s in becomes.
Pin to Edge
Pin to Edge fixes the distance between a layer and a particular set of edges or corners of its parent, no matter how the parent is resized.
This is useful, for example, if you have a floating action button within an interface, pinning this to the top and left edges will make sure it stays the same distance from the corner of an Artboard.