Sketch HotKey Cheatsheet

2024 年 12 月 23 日

Sketch is a vector graphics design tool designed for MacOS, especially suitable for UI/UX design, web design, and mobile application design. As a professional design tool, Sketch has a simple user interface and powerful functions, and is widely used by designers and teams around the world. In order to improve work efficiency, Sketch provides a variety of shortcut keys to help users perform operations more efficiently during the design process.

Sketch MacOS shortcuts

Zoom and focus

ShortcutsFunction description
+ + TShow/hide toolbar
Z + clickZoom in
+ .Enter presentation mode
+ -Zoom out
+ + 2Show/hide inspector
Z + dragZoom to region
~(§on + some + keyboards)Temporarily zoom out to 100%
+ +Zoom in
+ + 1Show/hide layer list
+ Z + clickZoom out
+ 1Zoom to all elements on canvas
+ 2Zoom to selected layer
+ 3Center selected layer on canvas
+ 0Zoom to 100%
+ + FToggle full screen

Move and resize layers

ShortcutsFunction description
+ + or↑Shrink by 1 pixel
+ dragMove layer ignoring smart guides
+ hoverShow distance between other layers
+ dragCopy
+ → Arrow + or↓Expand by 1 pixel
+ and + resizeResize layer from center
+ + → Arrow + Grow 10 pixels
+ + + or↑Shrink 10 pixels
Arrow + keysNudge layer 1 pixel in any direction*
+ DDuplicate (use ⌘D to repeat)
+ and + resizePreserve layer proportions
+ dragMove layer along X/Y axis
+ Arrow + keysNudge layer 10 pixels in any direction*
+ KScale layer

General

ShortcutsFunction description
+ SSave Document
+ GToggle Grid
Open Preferences Window
+ LToggle Layout Guides
+ RToggle Rulers
+ NNew Document
+ VPaste
+ CCopy
+ QExit Sketch
+ + VPaste into Selection
+ XToggle Pixel Grid
+ ZUndo
+ + ZRedo
+ + PPage Setup
+ HHide Sketch
+ XCut
+ OOpen Document
+ + NNew Page
+ WClose Window
+ dragMove Canvas
+ + + SSave Document As...
+ + SDuplicate File
+ PToggle Pixels

Arrange Layers

ShortcutsFunction Description
+ + + Send to Back
+ TabSelect Previous Layer in Group
+ + + Bring to front
Click + and + drag + layerAdjust layer hierarchy
+ + LLock/unlock layer
+ + + Move up (out of group/artboard)
Select layer in group
+ + Move forward
+ + HDistribute horizontally
+ RRename layer
+ click + Align + buttonsAlign layer to artboard
+ + Move back
+ + VDistribute vertically
+ + HHide/show layer
EscapeSelect parent group
TabSelect next layer in group
+ + GUngroup
+ GGroup

Edit layer

ShortcutsFunction description
+ EscapeReturn to instance
+ + MUse as mask
+ + CCopy style
+ + SSubtract multiple layers
FToggle fill
+ + UUnite multiple layers
+ CSelect color
+ + IIntersect multiple layers
+ + RRotate layer
Edit layer
+ + TTransform shape
+ + VPaste style
Delete layer
0to9Edit layer opacity
+ + XShow differences between multiple layers
BToggle border
EscapeFinish editing

Text editing

ShortcutsFunction description
+ TChange font
+ + |Align center
+ + + VPaste as rich text
+ UEmphasis
+ + +Increase font size
+ + {Align left
+ + }Align right
+ + TDecrease character spacing
+ + SpaceEmojis and symbols
+ Decrease font size
+ + LIncrease character spacing
+ IItalic
+ + OConvert to outline
+ BBold
+ ReturnInsert line break

Select layer

ShortcutsFunction description
+ ASelect all
fn←Select previous artboard
+ clickSelect a range of layers in the layer list
fn→ ArrowSelect next artboard
Double + click + layerSelect grouped layers
+ FFilters in the layer list
+ clickAdd layer to selected/deselected layers in the layer list
fn↓Page down
+ dragSelect layers within the drag range
+ + ASelect all artboards
Click + and + drag + in + white + Select multiple layers
fn↑Page up
ClickSelect layer

Insert layer

ShortcutsFunction description
PPencil tool
URounded rectangle
+ dragLock shape proportions
OEllipse
SSlice tool
LLine
VVector tool
+ dragDraw shape from center
TText tool
RRectangle
AArtboard

Vector editing

ShortcutsFunction description
+ click + (when + inserting + points)Place new point at 45º angle
Double + click + vector + pointToggle point between straight and mirrored
Show all handle control points
+ click + path + segmentPlace new point between existing points
+ drag + handle + + pointConvert selected points to disconnected
TabSelect next point
+ drag + vector + pointMove point along X/Y axis
1 + 2 + 3 + 4Change vector point type
+ + OTurn path on/off

Export layer

ShortcutsFunction description
+ + EExport layer
Drag + a + layer/thumbnail + to + CanvasInsert flattened copy
Drag + a + layer/thumbnail + to + DesktopExport asset
/in + layer + nameInclude folder when exporting

Download Sketch MacOS Shortcuts Cheatsheet PDF

We provide a Sketch MacOS shortcuts PDF download feature. Click the download button to get the file. Please note that generating the PDF may take some time, so please be patient. Download

About Sketch

Sketch is a professional graphic design tool developed by Bohemian Coding, especially for MacOS users. As a vector design tool, Sketch emphasizes a simple, efficient and flexible design process, and is particularly suitable for UI/UX designers to design web pages and application interfaces. Its core features include vector graphics editing, symbol system, plug-in support and real-time collaboration. Sketch has a wide range of applications in the design industry and has become the tool of choice for many designers.

Sketch official website information

Sketch shortcut key FAQ

  1. How to view the shortcut keys of the current version?
    You can view the latest shortcuts by visiting the shortcut document in Sketch's official website.

  2. Can Sketch customize shortcuts?
    Yes, you can customize shortcuts in Sketch's settings.

  3. How to restore the default shortcut settings?
    In the shortcut settings, you can choose to restore the default settings.

  4. Why do some shortcuts not work?
    Make sure you don't have other applications using the same shortcuts in the background, or you can reset the shortcut settings.

  5. How to insert vector graphics via shortcuts?
    You can use tool shortcuts such as R (rectangle), O (circle) to quickly insert graphics.

  6. How to use shortcuts to align graphics?
    Use Cmd + [ or Cmd + ] to adjust the level of graphics.

  7. What languages does Sketch support shortcuts for?
    Sketch supports multi-language shortcuts, and you can choose the language that suits you in the settings.

  8. How to use shortcuts for canvas navigation?
    Use Cmd + 1, Cmd + 2 to switch between different view modes, helping you quickly navigate the canvas.

Summary

Mastering Sketch's shortcut keys can not only greatly improve your design efficiency, but also help you complete daily tasks more smoothly. Whether it is selecting layers, editing graphics, or exporting operations, shortcut keys can save you a lot of time.

4.5/5 - (2 votes)