Skip Navigation

Resizing layers

To resize a layer, select it, then click and drag on any of its selection handles. Handles on the sides of the layer will adjust the height or width, while handles on the corners will adjust the height and width together.

Holding will resize the layer proportionately, keeping its height and width at the same ratio.

Holding will resize the layer from its center, rather than the edge you’re dragging from.

Resizing layers in the Inspector

You can also resize a layer by selecting it and typing its dimensions in the Inspector.

By default, this will resize layers from their top-left corners, but you can change this using the following keyboard shortcuts:

l Scale from the left (default)
r Scale from the right
t Scale from the top (default)
b Scale from the bottom
c / m Scale from the center/middle

The Inspector also lets you use math to resize or move layers with the following:

+ Add (e.g. 50+10)
- Subtract (e.g. 45-5)
\* Multiply (e.g. 128*2)
/ Divide (e.g. 960/2)

You can also use percentages to change the height or width of layers relative to its group or Artboard. For example, setting a layer’s height to 10% in a 960 pixel-wide Artboard will change its width to 96px.

Finally, if you’re editing the corner radius of a rounded rectangle, you can use ; to specify a different value for each corner (e.g. 30;40;20;30).

Tip: If the lock icon is closed Lock Layer, the layer will resize proportionately.

Resizing layers with keyboard shortcuts

For precise adjustments, you can select layers and resize them using the following keyboard shortcuts:

+ Increase width by 1px
+ Decrease width by 1px
+ + Increase width by 10px
+ + Decrease width by 10px
Last updated on 21 Apr 2021

Was this article useful?

We’re really sorry about that.
Please let us know what you were looking for:

If you need more help or you’d like to report a bug with this content, please contact support.

Thanks for your feedback.
An error occurred, please try again later.