Shortcuts

Sketch has quite a few handy shortcuts to speed up your design process.

General Shortcuts

  • + C: Copy
  • + V: Paste
  • + + V: Paste in place
  • + + C: Copy style
  • + + V: Paste style
  • + .: Enter presentation mode
  • + ,: Open preferences window
  • Space + Drag: Move around Canvas
  • + L: Show layout
  • + G: Show grid
  • + R: Show rulers
  • + P: Show pixels
  • + X: Show pixel grid
  • + + F: Toggle fullscreen
  • + F: To find layer by name (bottom-left corner)
  • ~: Temporarily zoom out to 100% (Is the § key on some keyboards)

Inserting Shapes

  • A: Insert an Artboard
  • S: Insert a Slice
  • R: Insert a Rectangle
  • O: Insert an Oval
  • L: Insert a Line
  • U: Insert a Rounded Rectangle
  • T: Insert a Text layer
  • V: To use Vector Tool
  • P: To use Pencil Tool

  • As you’re drawing a shape hold to draw shape from center
  • As you’re drawing a shape hold to lock ratio of shape
  • Once shape is created use to display distance between other layers

Editing Layers

When you’ve a layer selected you can use the following shortctus:

  • Enter: Edit the selected layer
  • F: Toggle the fill
  • + C: Explore and pick color
  • Use numbers 1 through 0: Edit layer opacity
  • Double-Click: Select one level deeper when grouped
  • + Click: Select any layer regardless of Groups
  • + + T: Transform layer
  • + + R: Rotate layer
  • + + L: Lock or unlock layer
  • + + H: Hide or show layer
  • + + U: Union between multiple layers
  • + + S: Subract from multiple layers
  • + + I: Intersect multiple layers
  • + + X: Select difference between mulitple layers
  • + + M: Use as mask
  • + G: Group
  • + + G: Ungroup

Moving and Resizing Layers

As you move or resize layers, Smart Guides and distance parameters are automatically visible.

  • + Click: Select multiple layers
  • + Click: Select multiple layers in group
  • + Drag: Duplicate a layer
  • + D: Duplicate
  • + Hover: Display distance between other layers
  • + Resize: Resize from both ends
  • + Resize: Preserve aspect ratio
  • + Drag: Snap layer vertically or horizontally
  • + Arrows: Move by 10px in the direction of your choice
  • + or : Expand by 1px
  • + or : Contract by 1px

Arranging Layers

  • + + : Forward
  • + + : Backward
  • + + + : To front
  • + + + : To back
  • Tab: Move through layers in the current group
  • + Click on the Inspector’s align buttons: Align entire selection with their parent Artboard

Exporting Layers

  • + + E: To export layer
  • Drag a layer outside of Sketch: Export 1x PNG asset

Zoom and Focus

  • + 0: Zoom to actual size of Artboard
  • + 1: Zoom on all elements on the screen
  • + 2: Zoom to the selected layer
  • + 3: Center the selected layer in the Canvas
  • + +: Zoom in
  • + -: Zoom out
  • Hold Z down and click or drag an area to zoom in
  • Hold + Z and click to reverse the zoom

Text Layers

  • + B: Bold
  • + I: Italic
  • + U: Underline
  • + T: Change font
  • + + +: Bigger type
  • + + -: Smaller type
  • + + O: Convert text to outlines
  • + + T: Tighten character spacing
  • + + L: Loosen character
  • + + {: Align text to the left
  • + + }: Align text to the right
  • + + |: Align text to the center
  • + + Space: Enable emojis and symbols
  • + Return: Inserts a line break in text editing mode

Math Operation Shortcuts

You can perform math operations in all numerical inputs of the Inspector. You can add, subtract, divide, multiply, and in some cases, use percentage to adjust layers. For example, you can select a shape and use +, -, *, /, and % in the numerical fields. In the radius input field you can specify a different value for each corner by using / (ex. 40.0/40/0).

Custom Shortcuts

Custom shortcuts can be created via OS X System Preferences. To add your own custom shortcut, open the System Preferences and navigate to Keyboard › Shortcuts › App Shortcuts and click the add button. In the pop-up menu, select Sketch under Application. You will now be able to define your custom shortcut.