Sketch by Bohemian Coding is the app for all modern digital-, web-, UI/UX-, vector- and icon-designer. Itβs flexibility and speed gives the designer the power to make better designs more quickly. View or buy Sketch via Sketch.com.
General | |
---|---|
Copy | β C |
Cut | β X |
Paste | β V |
Paste over selection | β§ β V |
Move canvas | Space drag |
New page | β§ β N |
Toggle rulers | β R |
Toggle pixels | β P |
Toggle pixel grid | β X |
Toggle grid | β G |
Toggle layout guides | β L |
Undo | β Z |
Redo | β§ β Z |
New document | β N |
Open document | β O |
Close window | β W |
Save document | β S |
Duplicate document | β§ β S |
Save document asβ¦ | β₯ β§ β S |
Page setup | β§ β P |
Open Preferences window | β , |
Hide Sketch | β H |
Quit Sketch | β Q |
Inserting Layers | |
Rectangle | R |
Oval | O |
Line | L |
Rounded rectangle | U |
Vector tool | V |
Pencil tool | P |
Text tool | T |
Artboard | A |
Slice tool | S |
Draw shape from center | β₯ drag |
Lock ratio of shape | β§ drag |
Selecting Layers | |
Select layer | Click |
Select multiple layers | Click and drag in white space |
Selects layer within drag bounds | β₯ drag |
Select grouped layer | Double click layer |
Select all | β A |
Select all Artboards | β§ β A |
Add layer to selection/deselect layer in Layer List | β click |
Select a range of layers in Layer List | β§ click |
Filter in Layer List | β F |
Select next Artboard | fn β |
Select previous Artboard | fn β |
Page up | fn β |
Page down | fn β |
Moving and Resizing Layers | |
Show distance between other layers | β₯ hover |
Duplicate (repeat with βD) | β D |
Duplicate | β₯ drag |
Move layer along X/Y axis | β§ drag |
Move layer ignoring smart guides | β drag |
Nudge layer any direction by 1 px* | Arrow keys |
Nudge layer any direction by 10 px* | β§ Arrow keys |
Scale layer | β K |
Resize layer from center | β₯ and resize |
Preserve layer ratio | β§ and resize |
Expand by 1 px | β β or β |
Contract by 1 px | β β or β |
Expand by 10 px | β§ β β or β |
Contract by 10 px | β§ β β or β |
Editing Layers | |
Edit layer | Enter |
Finish editing | Escape |
Delete layer | β« |
Copy style | β₯ β C |
Paste style | β₯ β V |
Toggle fill | F |
Toggle border | B |
Pick color | β C |
Edit layer opacity | 0 to 9 |
Transform shape | β§ β T |
Rotate layer | β§ β R |
Use as mask | β β M |
Return to instance | β Escape |
Union multiple layers | β₯ β U |
Subtract multiple layers | β₯ β S |
Intersect multiple layers | β₯ β I |
Show Difference between multiple layers | β β X |
Vector Editing | |
Open/close path | β₯ β O |
Selects next point | Tab |
Show all handle control points | β₯ |
Change vector point type | 1, 2, 3, 4 |
Toggle point between Straight and Mirrored | Double click vector point |
Move point along X/Y axis | β§ drag vector point |
Converts selected point to Disconnected | β drag handle control point |
Place new point at a 45ΒΊ angle | β§ click (when inserting points) |
Place new point between existing points | β click path segment |
Text Editing | |
Paste as rich text | β₯ β§ β V |
Change typeface | β T |
Bold | β B |
Italic | β I |
Underline | β U |
Increase font size | β₯ β + |
Decrease font size | β₯ β |
Increase character spacing | β β₯ L |
Decrease character spacing | β β₯ T |
Align left | β§ β { |
Align center | β§ β | |
Align right | β§ β } |
Emoji & symbols | β β βSpaceβ |
Convert to outlines | β§ β O |
Insert a line break | β§ Return |
Arranging Layers | |
Group | β G |
Ungroup | β§ β G |
Rename layer | β R |
Select next layer in group | Tab |
Select previous layer in group | β§ Tab |
Selects layer inside group | Enter |
Selects parent group | Escape |
Adjust layer hierarchy | Click and drag layer |
Bring forward | β₯ β β |
Bring to front | β β₯ β β |
Send backward | β₯ β β |
Send to back | β β₯ β β |
Move up (out of group/Artboard) | β₯ β§ β β |
Distribute horizontally | β β H |
Distribute vertically | β β V |
Align layer to Artboard | β₯ click Align buttons |
Hide/show layer | β§ β H |
Lock/unlock layer | β§ β L |
Exporting Layers | |
Export layer | β§ β E |
Export asset | Drag a layer/thumbnail to Desktop |
Insert flattened duplicate | Drag a layer/thumbnail to Canvas |
Includes folder in export | / in layer name |
Zoom and Focus | |
Zoom in | β + |
Zoom out | β - |
Zoom to 100% | β 0 |
Zoom to all elements on Canvas | β 1 |
Zoom to selected layer(s) | β 2 |
Center selected layer(s) in the Canvas | β 3 |
Zoom to area | Z drag |
Zoom in | Z click |
Zoom out | β₯ Z click |
Temporarily zoom out to 100% | ~ (Β§ on some keyboards) |
Toggle full screen | β β F |
Show/hide Layer List | β₯ β 1 |
Show/hide Inspector | β₯ β 2 |
Enter presentation mode | β . |
Show/hide Toolbar | β₯ β T |
General | |
---|---|
Copy | β C |
Cut | β X |
Paste | β V |
Paste over selection | β§ β V |
Move canvas | Space drag |
New page | β§ β N |
Toggle rulers | β R |
Toggle pixels | β P |
Toggle pixel grid | β X |
Toggle grid | β G |
Toggle layout guides | β L |
Undo | β Z |
Redo | β§ β Z |
New document | β N |
Open document | β O |
Close window | β W |
Save document | β S |
Duplicate document | β§ β S |
Save document asβ¦ | β₯ β§ β S |
Page setup | β§ β P |
Open Preferences window | β , |
Hide Sketch | β H |
Quit Sketch | β Q |
Inserting Layers | |
Rectangle | R |
Oval | O |
Line | L |
Rounded rectangle | U |
Vector tool | V |
Pencil tool | P |
Text tool | T |
Artboard | A |
Slice tool | S |
Draw shape from center | β₯ drag |
Lock ratio of shape | β§ drag |
Selecting Layers | |
Select layer | Click |
Select multiple layers | Click and drag in white space |
Selects layer within drag bounds | β₯ drag |
Select grouped layer | Double click layer |
Select all | β A |
Select all Artboards | β§ β A |
Add layer to selection/deselect layer in Layer List | β click |
Select a range of layers in Layer List | β§ click |
Filter in Layer List | β F |
Select next Artboard | fn β |
Select previous Artboard | fn β |
Page up | fn β |
Page down | fn β |
Moving and Resizing Layers | |
Show distance between other layers | β₯ hover |
Duplicate (repeat with βD) | β D |
Duplicate | β₯ drag |
Move layer along X/Y axis | β§ drag |
Move layer ignoring smart guides | β drag |
Nudge layer any direction by 1 px* | Arrow keys |
Nudge layer any direction by 10 px* | β§ Arrow keys |
Scale layer | β K |
Resize layer from center | β₯ and resize |
Preserve layer ratio | β§ and resize |
Expand by 1 px | β β or β |
Contract by 1 px | β β or β |
Expand by 10 px | β§ β β or β |
Contract by 10 px | β§ β β or β |
Editing Layers | |
Edit layer | Enter |
Finish editing | Escape |
Delete layer | β« |
Copy style | β₯ β C |
Paste style | β₯ β V |
Toggle fill | F |
Toggle border | B |
Pick color | β C |
Edit layer opacity | 0 to 9 |
Transform shape | β§ β T |
Rotate layer | β§ β R |
Use as mask | β β M |
Return to instance | β Escape |
Union multiple layers | β₯ β U |
Subtract multiple layers | β₯ β S |
Intersect multiple layers | β₯ β I |
Show Difference between multiple layers | β β X |
Vector Editing | |
Open/close path | β₯ β O |
Selects next point | Tab |
Show all handle control points | β₯ |
Change vector point type | 1, 2, 3, 4 |
Toggle point between Straight and Mirrored | Double click vector point |
Move point along X/Y axis | β§ drag vector point |
Converts selected point to Disconnected | β drag handle control point |
Place new point at a 45ΒΊ angle | β§ click (when inserting points) |
Place new point between existing points | β click path segment |
Text Editing | |
Paste as rich text | β₯ β§ β V |
Change typeface | β T |
Bold | β B |
Italic | β I |
Underline | β U |
Increase font size | β₯ β + |
Decrease font size | β₯ β |
Increase character spacing | β β₯ L |
Decrease character spacing | β β₯ T |
Align left | β§ β { |
Align center | β§ β | |
Align right | β§ β } |
Emoji & symbols | β β βSpaceβ |
Convert to outlines | β§ β O |
Insert a line break | β§ Return |
Arranging Layers | |
Group | β G |
Ungroup | β§ β G |
Rename layer | β R |
Select next layer in group | Tab |
Select previous layer in group | β§ Tab |
Selects layer inside group | Enter |
Selects parent group | Escape |
Adjust layer hierarchy | Click and drag layer |
Bring forward | β₯ β β |
Bring to front | β β₯ β β |
Send backward | β₯ β β |
Send to back | β β₯ β β |
Move up (out of group/Artboard) | β₯ β§ β β |
Distribute horizontally | β β H |
Distribute vertically | β β V |
Align layer to Artboard | β₯ click Align buttons |
Hide/show layer | β§ β H |
Lock/unlock layer | β§ β L |
Exporting Layers | |
Export layer | β§ β E |
Export asset | Drag a layer/thumbnail to Desktop |
Insert flattened duplicate | Drag a layer/thumbnail to Canvas |
Includes folder in export | / in layer name |
Zoom and Focus | |
Zoom in | β + |
Zoom out | β - |
Zoom to 100% | β 0 |
Zoom to all elements on Canvas | β 1 |
Zoom to selected layer(s) | β 2 |
Center selected layer(s) in the Canvas | β 3 |
Zoom to area | Z drag |
Zoom in | Z click |
Zoom out | β₯ Z click |
Temporarily zoom out to 100% | ~ (Β§ on some keyboards) |
Toggle full screen | β β F |
Show/hide Layer List | β₯ β 1 |
Show/hide Inspector | β₯ β 2 |
Enter presentation mode | β . |
Show/hide Toolbar | β₯ β T |
Try searching for something else. Think weβre missing something? Send us an issue or add it yourself.
Add a missing shortcut πͺοΈUse calculations, charts, datepickers, eSignatures, payments, Google Places API, file uploads β Then embed it in your Framer website or other site builder.
Start building for freeFeel free to request missing tools or give some feedback using Twitter, E-mail or GitHub! If you can, please help out by adding the data yourself and be the hero of the Β±12k people per month using this resource.
Add a tool πͺDesigning products that enable others to to create or become more effective Β· Currently Product Designer @ConvertCalculator Β· Prev @WeTransfer, @Awkward & @YipYip.
Buy me a coffee β Twitter π¦