Shortcuts¶
| Shortcuts (macOS) | Shortcuts (Windows) | Function | Tag |
|---|---|---|---|
| Command + Right Click | Show all the layers where your mouse click. | Select layer | |
Shortcuts¶
Essential Keyboard Shortcuts¶
| Shortcuts (macOS) | Shortcuts (Windows) | Function | Tag |
|---|---|---|---|
| Command + Shift + ? | Show keyboard shortcuts | ||
| Command + \ | Show / hide UI | ||
| Command + / | Search through all commands | ||
| Command + P | Search through all commands |
Tools¶
| Shortcuts (macOS) | Shortcuts (Windows) | Function | Tag |
|---|---|---|---|
| V | Move tool | ||
| T | Text tool | ||
| C | Add comment | ||
| F | Frame tool | ||
| R | Rectangle tool | ||
| P | Pen tool | ||
| O | Ellipse tool | ||
| S | Slice tool | ||
| K | Proportionally Scale tool | ||
| H | Drag Tool | ||
| I | Pick color | ||
| Ctrl + C | Pick color | ||
| Shift + P | Pencil tool | ||
| L | Line tool | ||
| Shift + L | Arrow tool |
View¶
| Shortcuts (macOS) | Shortcuts (Windows) | Function | Tag |
|---|---|---|---|
| Shift + R | Hide/Show Rulers | ||
| Ctrl + Shift + 3 | Show outlines | ||
| Command + Y | Show outlines 线框模式 | ||
| Option + Command + Y | Pixel preview | ||
| Control + P | Pixel preview | ||
| Option + Command + 4 | Layout grids | ||
| Command + ' | Pixel grid 显示/隐藏像素点 | ||
| Option + 1 | Show layers panel | ||
| Option + 2 | Show Assets | ||
| Option + 3 | Show Libraries | ||
| Option + 8 | Open design panel | ||
| Option + 9 | Open prototype panel | ||
| Option + 0 | Open inspect panel | ||
| Control + G | Show/Hide layout grids | ||
| Double klick the layer icon | Locate the layer | ||
| Select a element and Press ⌥Option | 测量选中图层对于悬浮元素的距离 |
Zoom¶
| Shortcuts (macOS) | Shortcuts (Windows) | Function | Tag |
|---|---|---|---|
| Space + Drag | Pan | ||
| Shift + 0 | Zoom to 100% | ||
| Shift + 1 | Zoom to fit | ||
| Shift + 2 | Zoom to selection | ||
| Shift + N | Zoom in to previous Frame | ||
| N | Zoom in to next Frame | ||
| Page Up | Previous page | ||
| Page Down | Next page | ||
| Home | Previous Frame | ||
| End | Next Frame | ||
| Command + = | Zoom in | ||
| Command + - | Zoom out | ||
| Z + Left Click | Zoom in on the area where the mouse is. |
Text¶
Command + U: UnderlineCommand + K: Create linkSelect words and Command + V: add link in the clipboard to the selected words.
Shape¶
Command: Bend toolCommand + E: Flatten SelectionShift + X: Swap fill and strokeShift + /: Remove StrokeOption + /: Remove fillCommand + J: Join SelectionShift + Backspace: Delete and heal selection
While editing project and adjusting anchor¶
Command + J: Connect anchrosPress Option: Delete the selected anchor (The rest anchor will connect automatically)Delete: Delete the select anchor (The rest anchor shall not connect automatically)Shift + Delete: Delete the select anchor (The rest anchor will connect automatically)
While adjusting anchor bezier curve¶
Press Command: Adjust the Bézier curve on both sides.Press Option: Adjusting the Bézier curve on the single side.
Collection¶
Command + A: Select allEnter: Select childrenCommand + G: Select groupEsc: Select noneCommand + Right-click: Select layer menu
Cursor¶
While pointing¶
Option: Measure to selection
While clicking¶
Command + Click: Deep selectCommand + right-lick: Select layer menu
While resizing¶
Option: Resize from centerShift: Resize proportionally
While moving¶
Option: Duplicate selection
While dragging to select¶
Command + Drag: Deep select within rectangle
Edit¶
Command + D: DuplicateCommand + X: CutCommand + C: CopyCommand + V: Paste
Transform¶
Shift + H: Flip horizontalShift + V: Flip verticalEnter: Edit shape or image1: Set opacity to 10%5: Set opacity to 50%0: Set opacity to 100%
Arrange¶
Command + [: Send backwardCommand + ]: Bring forward[: Send to back]: Bring to frontShift + A: Add auto layout
Components¶
Shift + I: Insert component
Duplication¶
| Shortcuts (macOS) | Shortcuts (Windows) | Function | Tag |
|---|---|---|---|
| Option + Shift + Left Drag | Drag the layer to duplicate it. | Select Duplication | |
| Control + D | Duplicate the selected layer. | Select Duplication | |
| Option + Shift + Left Drag + Control + D | Drag the layer to duplicate it and repeat the operation. | Select Duplication `Bulk operations | |
| ` | |||
Prototype¶
| Shortcuts (macOS) | Shortcuts (Windows) | Function | Tag |
|---|---|---|---|
| Shift + E | Create Interaction line. | Animation Interaction | |