In the last couple of years, Sketch has almost completely replaced Photoshop as my go-to for UI build-out. Though it can still occasionally be fussy (I’m looking at you, SVG exports), it has all of the core features I need to quickly iterate and concept lovely, usable interfaces.
So, here are a few more shortcuts to add to your mental toolbox:
This allows you to quickly adjust the alpha/opacity of an object that you’ve selected. Just hold “option” plus any number on the keyboard to choose the percentage you want. For example, 1 equals 10%, 2 equals 20%, and so on.
Zoom Out to View All Artboards
It’s easy to get lost in your document when you have many artboards full of work. If you’ve kept your artboards well organized, this shortcut will allow you to zoom out to see the big picture or find that elusive element lost in the mix.
Zoom In To Object
Show/Hide Layers List
Collapse All Layer Groups
I developed this shortcut to mange files with multiple artboards (which typically equates to many layer groups in the Layers List). The shortcut allows me to close all of these groups quickly, which can be extremely helpful when wanting to select an entire artboard.
Here’s how to set it up using a Mac:
- Select Apple menu > System Preferences > Keyboard > Shortcuts > App Shortcuts > Add (+).
- Click the Application pop-up menu, then choose “Sketch.”
- In Menu Title, enter the exact name of the menu command you want to add. In this case it would be “Collapse Artboards and Groups.”
- Finally, enter a keyboard shortcut of your own choosing, as long as it isn’t the same as a pre-existing shortcut. Save and test out your new shortcut in Sketch.
And that wraps the best of Sketch shortcuts to date. I’ve listed my new additions below for quick reference. Happy shortcutting!
- Change Alpha: opt + 1, 2, 3, 4, etc.
- Zoom Out to View All Artboards: cmd + 1
- Zoom In To Object cmd + 2
- Show/Hide Layers List: opt + cmd + 1
- Show/Hide Inspector: opt + cmd + 2
- Collapse All Layer Groups: custom shortcut