Resizing UI elements
Resizing the selected UI elements is easy. You can just grab the handle on any edge or corner of the selection rectangle and drag it.
If you want to constrain proportions while dragging from a corner, hold SHIFT while dragging.
Note: Images behave differently. Resizing from a corner constrains their proportions to keep the original aspect ratio. To resize images with no constraints, hold SHIFT while dragging.
You can also use the keyboard to resize selected UI elements:
- CTRL/⌘+ALT+↑↓←→ to resize in 1px increments
- CTRL/⌘+ALT+SHIFT+↑↓←→ for 10px increments
Another way to resize some UI elements to their "natural size" is to use the Auto-Size function found in the Property Inspector.
To resize one or more UI elements to match the size of another (to be the same width or height), you can use the "Resize To..." function in the Edit menu.
Select multiple UI elements and use this option to size all the selected UI elements to match the narrowest, widest, shortest, or tallest UI element in the selection.