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 π¦