Sketch

Sketch is a design toolkit built to help you create your best work — from your earliest ideas, through to final artwork.

Bohemian Coding

Do you want to edit or report this page?

General Shortcuts

`R`	Rectangle
`O`	Oval
`L`	Line
`U`	Rounded rectangle
`V`	Vector tool
`P`	Pencil tool
`T`	Text tool
`A`	Artboard tool
`S`	Slice tool
`H`	Hotspot tool
`⌥` `-drag`	When inserting a layer, draw shape from center
`⇧` `-drag`	When inserting a layer, lock ratio of shape
`Space` `-drag`	Place newly drawn layer before confirming it

`Click`	Select layer
`Click-and-drag`	Select multiple layers
`⌥` `-drag`	Selects layer within drag bounds
`Double-click` `layer`	Select grouped layer
`⌘` `-click layer`	Select any layer
`⌥` `-click layer`	Select an obscured layer
`⌘` `A`	Select all
`⇧` `⌘` `A`	Select all Artboards
`⇧` `-click`	Add layer to selection/deselect layer in Canvas
`⇧` `⌘` `-click`	Add layer from group to selection in Canvas
`⌘` `-click`	Add layer to selection/deselect layer in Layer List
`⇧` `-click`	Select a range of layers in Layer List
`fn` `→`	Select next Artboard
`fn` `←`	Select previous Artboard
`⇧` `⌘` `J`	Reveal selection in Layer List

`⌥` `-hover`	Display distance between other layers
`⌘` `D`	Duplicate
`⌥` `-drag`	Duplicate
`⇧` `-drag`	Move layer along X/Y axis
`⌘` `-drag`	Move layer ignoring smart guides
`⌥` `⌘` `-drag`	Move an obscured layer
`Arrow` `keys`	Nudge layer any direction by 1 px*
`⇧` `-Arrow keys`	Nudge layer any direction by 10 px*
`⌘` `K`	Scale layer
`⌥` `and resize`	Resize layer from center
`⇧` `and resize`	Preserve layer ratio
`⌘` `→` or `↓`	Expand by 1 px
`⌘` `←` or `↑`	Contract by 1 px
`⇧` `⌘` `→` or `↓`	Expand by 10 px
`⇧` `⌘` `←` or `↑`	Contract by 10 px
`⌃` `⌥` `-hover`	Show distance to baseline/cap height on text layers

`Enter`	Edit layer
`Escape`	Finish editing
`⌫`	Delete layer
`⌥` `⌘` `C`	Copy style
`⌥` `⌘` `V`	Paste style
`⌃` `S`	Sync shared style
`⌥` `⌃` `S`	Reset shared style
`W`	Add link to Artboard
`F`	Toggle fill
`B`	Toggle border
`⌃` `C`	Pick color
`0` `to` `9`	Edit layer opacity
`⇧` `⌘` `T`	Transform shape
`⇧` `⌘` `R`	Rotate layer
`⌃` `⌘` `M`	Use as mask
`⌘` `Escape`	Return to instance
`⌥` `⌘` `U`	Union multiple layers
`⌥` `⌘` `S`	Subtract multiple layers
`⌥` `⌘` `I`	Intersect multiple layers
`⌃` `⌘` `X`	Show Difference between multiple layers

`⌥` `⌘` `O`	Open/close path
`Tab`	Selects next point
`⌥`	Show all handle control points
`1`	Straight point type
`2`	Mirrored point type
`3`	Disconnected point type
`4`	Asymmetric point type
`Double-click` `vector` `point`	Toggle point between Straight and Mirrored
`⇧` `-drag vector point`	Move point along X/Y axis
`⌘` `-drag handle control point`	Converts selected point to Disconnected
`⇧` `-click (when inserting points)`	Place new point at a 45º angle
`⇧` `-click path segment`	Place new point between existing points

`⌘` `G`	Group
`⇧` `⌘` `G`	Ungroup
`⌘` `R`	Rename layer
`Tab`	Select next layer in group
`⇧` `Tab`	Select previous layer in group
`Enter`	Selects layer inside group
`Escape`	Selects parent group
`Click-and-drag` `layer`	Adjust layer hierarchy
`⌥` `⌘` `↑`	Bring forward
`⌃` `⌥` `⌘` `↑`	Bring to front
`⌥` `⌘` `↓`	Send backward
`⌃` `⌥` `⌘` `↓`	Send to back
`⌥` `⇧` `⌘` `↑`	Move up (out of group/Artboard)
`⌃` `⌘` `H`	Distribute horizontally
`⌃` `⌘` `V`	Distribute vertically
`⌥` `-click Align buttons`	Align layer to Artboard
`⇧` `⌘` `H`	Hide/show layer
`⇧` `⌘` `L`	Lock/unlock layer

`⇧` `⌘` `E`	Export
`⌘` `E`	Export selected layer(s)
`Drag` `a` `layer/thumbnail` `to` `Desktop`	Export asset
`Drag` `a` `layer/thumbnail` `to` `Canvas`	Insert flattened duplicate
`/` `in layer name`	Includes folder in export

`⌘` `0`	Zoom to 100%
`⌘` `1`	Zoom to all elements on Canvas
`⌘` `2`	Zoom to selected layer(s)
`⌘` `3`	Center selected layer(s) in the Canvas
`Z` `-drag`	Zoom to area
`Z` `-click`	Zoom in
`⌥` `Z` `-click`	Zoom out
`~` `(` `§` `on some keyboards)`	Temporarily zoom out to 100%
`⌃` `⌘` `F`	Toggle full screen
`⌥` `⌘` `1`	Show/hide Layer List
`⌥` `⌘` `2`	Show/hide Inspector
`⌘` `.`	Enter presentation mode
`⌥` `⌘` `T`	Show/hide Toolbar

`⌥` `Tab`	Focus Inspector
`Tab`	Select next field
`⇧` `Tab`	Select previous field
`Enter`	Confirm change
`Escape`	Clear change
`↑`	Increase value by 1
`↓`	Decrease value by 1
`⇧` `↑`	Increase value by 10
`⇧` `↓`	Decrease value by 10
`⌥` `↑`	Increase value by 0.1
`⌥` `↓`	Decrease value by 0.1
`⇧` `click and drag label`	Adjust value in increments of 10
`⌥` `click and drag label`	Adjust value in increments of 0.1

`+`	Add
`-`	Subtract
`*`	Multiply
`/`	Divide
`%`	Resize layer to a percentage of its parent group or Artboard

`;`	Value spacer. Eg, <code>40;0;40;0</code>

`X`	Scale multiplier. Eg, <code>2x</code> will export at twice the size
`H`	Exports layer at the specified height. Eg, <code>512h</code>
`W`	Exports layer at the specified width. Eg, <code>512w</code>

`⇧` `on startup`	Launch Sketch with all plugins disabled
`⌃` `⌘` `R`	Run last-used plugin again
`⌘` `-drag selection handle`	Rotate layer
`⇧` `-drag when rotating`	Snap rotation to 15º increments
`0` `-` `9`	With a gradient stop selected, position it between 0% and 100%
`=`	Position selected gradient stop directly between two existing stops
`Double-click` `Rulers` `intersection`	Reset Ruler co-ordinates

Do you want to report or edit this page?