You can use keyboard shortcuts in Sketch to speed up your design process。To use keyboard shortcuts，Please press all the keys in the following list at the same time。Some commands are only enabled based on what you are doing or what you selected，All the commands are divided into the following different parts。
Commonly used shortcuts
| ⌘ C | copy |
| ⌘ X | cut |
| ⌘ V | Paste |
| ⇧ ⌘ V | Paste selection |
| Space-drag | Pan the canvas |
| ⇧ ⌘ N | Create new page |
| fn ↑ | Previous page |
| fn ↓ | Next page |
| ⌘ + | enlarge |
| ⌘ – | zoom out |
| ⌃ R | Show/hide ruler |
| ⌃ P | Show/hide pixels |
| ⌃ X | Show/hide pixel grid |
| ⌃ G | Show/hide grid |
| ⌃ L | Show/hide layout |
| ⌃ E | Show/hide slices |
| ⌃ F | Show/hide prototype |
| ⌘ F | Filter in layer list |
| ⌃ ⌘ K | Run custom plugin |
| ⌘ Z | Cancel |
| ⇧ ⌘ Z | Redo |
| ⌘ N | Create new document |
| ⌘ O | Open document |
| ⌘ W | close window |
| ⌘ S | save file |
| ⇧ ⌘ S | Copy files |
| ⌥ ⇧ ⌘ S | Save document as… |
| ⇧ ⌘ P | Page settings |
| ⌘ , | Open preferences window |
| ⌘ H | Hide Sketch |
| ⌘ Q | Exit Sketch |
| ⇧ ⌘ ? | Open the Help menu |
| ⌘ P | Open preview window |
Insert layer
Select a shape type or tool，Then click and drag in the Canvas to insert it。
| R | rectangle |
| O | oval |
| L | Wire |
| U | rounded rectangle |
| V | vector tools |
| P | pencil tool |
| T | text tool |
| A | Artboard tool |
| S | slice tool |
| H | hotspot tool |
| ⌥-drag | When inserting layers，Draw shape from center |
| ⇧-Drag | When inserting layers，Lock shape proportions |
| Space-drag | Place newly drawn layer before confirming |
Select layer
| Click | Select layer |
| Click and drag | Select multiple layers |
| ⌥-drag | Select layers within drag bounds |
| Double click on the layer | Select grouping layer |
| ⌘- Click on layer | Select any layer |
| ⌥- Click on layer | Select a blur layer |
| ⌘ A | Select all |
| ⇧ ⌘ A | Select all artboards |
| ⇧-Click | Add layer to select/deselect layer in canvas |
| ⇧ ⌘-Click | Add a layer from a group to a selection in Canvas |
| ⌘-Click | Add layer to layer list to select/deselect layers |
| ⇧-Click | Select a range of layers in the Layer List |
| fn → | Select next artboard |
| fn ← | Select previous artboard |
| ⇧ ⌘ J | Show selection in layer list |
Move and resize layers
When moving or resizing a layer，Smart guides and distance parameters are automatically displayed。
| ⌥-Wander | Show distances between other layers |
| ⌘ D | copy |
| ⌥-drag | copy |
| ⇧-Drag | Along X / Y axis movement layer |
| ⌘-drag | Move layer ignores smart guides |
| ⌥ ⌘-drag | Move a blurred layer |
| Arrow keys | Nudge layer 1 px in any direction * |
| ⇧-Direction keys | Fine-tune 10 px in any direction * |
| ⌘ K | Zoom layer |
| ⌥ and resize | Resize layer from center |
| ⇧ and resize | retention layer ratio |
| ⌘ → or ↓ | Expand 1 px |
| ⌘ ← or ↑ | Contract 1 px |
| ⇧ ⌘ → or ↓ | Expand 10 px |
| ⇧ ⌘ ← or ↑ | Contract 10 px |
| ⌃ ⌥-wander | Displays the distance from the baseline/cap height on the text layer |
*This value can be changed in the application preferences。
Edit layer
After selecting the layer，You can use the following shortcuts：
| Enter | Edit layer |
| Escape | Complete editing |
| ⌫ | Delete layer |
| ⌥ ⌘ C | copy style |
| ⌥ ⌘ V | Paste style |
| ⌃ S | Sync sharing style |
| ⌥ ⌃ S | Reset sharing styles |
| W | Add a link to an artboard |
| F | Toggle padding |
| B | Toggle borders |
| ⌃ C | pick color |
| 0 to 9 | Edit layer opacity |
| ⇧ ⌘ T | deformation |
| ⇧ ⌘ R | Rotate layer |
| ⌃ ⌘ M | Use as a mask |
| ⌘ Escape | Return instance |
| ⌥ ⌘ U | Merge multiple layers |
| ⌥ ⌘ S | Subtract multiple layers |
| ⌥ ⌘ I | Intersect multiple layers |
| ⌃ ⌘ X | Show differences between multiple layers |
Vector editing
| ⌥ ⌘ O | Open/close paths |
| Tab | Select next point |
| ⌥ | Show all handle control points |
| 1 | Right angle point type |
| 2 | Mirror point type |
| 3 | Disconnected point type |
| 4 | Asymmetric point type |
| Double-click the vector point | Switch points between straight and mirrored |
| ⇧-drag vector point | Along X / Y axis moving point |
| ⌘-drag handle control point | Convert selected points to "disconnected" |
| ⇧Click (when inserting a point) | Place the new point at a 45º angle |
| ⇧- easy path segment | Place new points between existing points |
Text editing
| ⌥ ⇧ ⌘ V | Paste as rich text |
| ⌘ T | change font |
| ⌘ B | Bold |
| ⌘ I | italics |
| ⌘ U | Underline |
| ⌥ ⌘ + | increase font size |
| ⌥ ⌘ – | Reduce font size |
| ⌃ ⌥ L | Increase character spacing |
| ⌃ ⌥ T | Reduce character spacing |
| ⇧ ⌘ { | left aligned |
| ⇧ ⌘ | | center alignment |
| ⇧ ⌘ } | Align right |
| ⌥ ⌘ Space | Emoticons and symbols |
| ⇧ ⌘ O | Convert to outline |
| ⇧ Return | Insert newline character |
Arrange layers
These shortcuts and commands can be used to help you organize your document in a layer list。
| ⌘ G | Group |
| ⇧ ⌘ G | Ungroup |
| ⌘ R | Rename layer |
| Tab | Select the next layer in the group |
| ⇧ Tab | Select the previous layer in the group |
| Enter | Select layers within a group |
| Escape | Select parent group |
| Click and drag the layer | Adjust layer hierarchy |
| ⌥ ⌘ ↑ | Bring to top |
| ⌃ ⌥ ⌘ ↑ | Move one level up |
| ⌥ ⌘ ↓ | put on bottom |
| ⌃ ⌥ ⌘ ↓ | Move down one level |
| ⌥ ⇧ ⌘ ↑ | Move up (outside group/artboard) |
| ⌃ ⌘ H | horizontal distribution |
| ⌃ ⌘ V | vertical distribution |
| ⌥- Click the Align button | Align layers to artboard |
| ⇧ ⌘ H | Hide/show layers |
| ⇧ ⌘ L | Lock/unlock layers |
Export layers
| ⇧ ⌘ E | Export |
| ⌘ E | Export selected layers |
| Drag layer/thumbnail to desktop | Export resources |
| Drag layer/thumbnail to canvas | Insert flat image |
| / in layer name | Include export folder |
Zoom and focus
| ⌘ 0 | Zoom to 100% |
| ⌘ 1 | Zoom to all elements on canvas |
| ⌘ 2 | Zoom to selected layer |
| ⌘ 3 | Center selected layer in Canvas |
| Z-drag | Zoom to area |
| Z-Click | enlarge |
| ⌥ 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 demo mode |
| ⌥ ⌘ T | Show/hide toolbar |
text field
When you are in a number field in the inspector，You can perform some convenient shortcuts：
| ⌥ Tab | Get inspector focus |
| Tab | Select next field |
| ⇧ Tab | Select previous field |
| Enter | Confirm changes |
| Escape | clear changes |
| ↑ | Increase value by 1 |
| ↓ | Decrease value by 1 |
| ⇧ ↑ | Added value 10 |
| ⇧ ↓ | Decrease value by 10 |
| ⌥ ↑ | Increase the value by 0.1 |
| ⌥ ↓ | Decrease value by 0.1 |
| ⇧Click and drag the label | Adjust value in increments of 10 |
| ⌥Click and drag the label | Adjust value in 0.1 increments |
size field
When adjusting the height or width of a layer，Please enter the following characters after the value to resize from that position。Press Enter to confirm：
| L | Scale from left (default) |
| R | Zoom from right |
| T | Scale from top (default) |
| B | Zoom from bottom |
| C / M | Zoom from center/middle |
mathematical operators
You can perform mathematical operations on all numeric inputs of the inspector。Just apply operator between two values，Then press Enter key to confirm：
| + | add |
| – | minus |
| * | take |
| / | remove |
| % | Resize a layer as a percentage of its parent group or Artboard |
Multiple corner radii
After selecting the rectangle，You can specify a different value for each corner in the radius input field。
| ; | value interval。For example，40;0;40;0 |
Export fields
In the "Zoom" field，Enter the following characters after the number to get different results。
| X | proportional multiplier。For example，2xwill output at twice the size |
| H | Export a layer with a specified height。For example，512h |
| W | Export layer with specified width。For example，512w |
Miscellaneous
Here are the other shortcuts available in Sketch，These shortcuts do not work with any of the above sections。These shortcuts depend on the tool you are using or what you are doing。
| ⇧ At startup | When Sketch is enabled，Disable all plugins |
| ⌃ ⌘ R | Run the last used plugin again |
| ⌘-drag selection handle | Rotate layer |
| ⇧-Drag rotation | Adjust rotation speed to 15º |
| 0- 9 | After selecting the gradient stop，Position it between 0% and 100% |
| = | Position the selected gradient directly between two existing stops |
| Double-click the ruler intersection point | Reset ruler coordinates |
Custom shortcut
Custom shortcuts can be created via macOS System Preferences。To add your own custom shortcut，Please open System Preferences and navigate to keyboard">"Shortcut">"Application Shortcut"，Then click on the pop-up menu，choose“app”down“Sketch”。You can now define custom shortcuts。
Comments (0)