Resizing layers
Resizing and rotating layers
To adjust a layer’s height or width, drag any of its edges. To adjust both the height and width at once, you can use the corner handles.
Holding ⇧ and dragging will resize the layer proportionately, keeping its height and width at the same ratio. If you want to resize a later from its center, hold ⌥ and drag.
Keep in mind that resizing will be affected by any Resizing constraints you’ve applied.
Resizing layers in the Inspector
You can also resize a layer by selecting it and typing new dimensions in the Inspector. As you type, you’ll see a preview of how your layer will look. When you’re done, press ⏎ to apply your changes.
By default, resizing is anchored to the top-left corner. You can change this by entering these keyboard operators after a dimension in the Inspector’s Layer Properties fields:
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 |
You can also use the operators w,h,x, andy as stand-ins for the width, height, X, and Y of a selected layer. For example, if you set a rectangle’s height tow it will turn it into a square.
The Inspector also lets you use math to resize or move layers:
+ | Add (e.g. 50+10r) |
- | 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).
You can click the lock icon that’s between the width and the height values or use the shortcut ⌥⌘L to make sure the layer resizes proportionately.
Resizing layers with keyboard shortcuts
For precise adjustments, you can select layers and resize them using these keyboard shortcuts:
⌘→ | Increase width by 1px |
⌘← | Decrease width by 1px |
⌘⇧→ | Increase width by 10px |
⌘⇧← | Decrease width by 10px |
You can set your own increment values for these shortcuts using the Nudging options in the Canvas tab of the Settings window.
Rotating layers
To rotate a layer, hold ⌘ and click on any of the corner selection handles to rotate it in the direction you want.