
The Complete Keyboard Shortcuts Guide for Figma | Windows & Mac Compatible
Master official keyboard shortcuts for Figma, the UI/UX design tool. Optimized for both Windows and Mac, this guide systematically explains keyboard operations that dramatically enhance your workflow efficiency—from basic operations to components and prototyping.
Posted at: 2025.10.27
Basic Operations
Figma's basic operation shortcuts are almost the same as those of your operating system, though there are some differences. We've highlighted the main ones that differ. While there aren't many, they're relatively common keys, so it's worth memorizing them.
| Action | Shortcut |
|---|---|
| Paste in place | Right-click → Paste here |
| Copy as PNG | Ctrl + Shift + C ⌘ + Shift + C |
| Duplicate | Ctrl + D ⌘ + D |
| Deselect | Esc |
| Quick actions | Ctrl + / ⌘ + / |
| Keyboard shortcuts list | Ctrl + Shift + ? Control + Shift + ? |
| Invert selection | Ctrl + Shift + A ⌘ + Shift + A |
| Export | Ctrl + Shift + E ⌘ + Shift + E |
| Toggle Design/Prototype tab | Shift + E |
| Preview prototype | Ctrl + Alt + Enter ⌘ + Option + Enter |
Tools
These are the most frequently used "Tools" shortcuts in the design workflow. Most tools can be switched with a single key, so mastering this section will dramatically improve your speed for sketching and editing.
| Action | Shortcut |
|---|---|
| Move tool | V |
| Frame tool | F |
| Pen tool | P |
| Pencil tool | Shift + P |
| Text tool | T |
| Rectangle tool | R |
| Ellipse tool | O |
| Line tool | L |
| Arrow tool | Shift + L |
| Slice tool | S |
| Scale tool | K |
| Hand tool | H Space (temporary) |
| Color picker | I |
| Comment | C |
View & Display
Shortcuts for quickly adjusting your workspace layout and display state. Many of these commands may seem infrequently used, but frame navigation and zoom in/out are actually shortcuts you'll use frequently, so make sure to master them.
| Action | Shortcut |
|---|---|
| Toggle UI visibility | Ctrl + <br/>⌘ + \ |
| Toggle left sidebar | Shift + \ |
| Zoom in | Ctrl + + ⌘ + + Shift + + |
| Zoom out | Ctrl + - ⌘ + - Shift + - |
| Zoom to 100% | Ctrl + 0 ⌘ + 0 Shift + 0 |
| Fit all | Shift + 1 |
| Fit selection | Shift + 2 |
| Go to previous frame | Shift + N |
| Go to next frame | N |
| Toggle rulers | Shift + R |
| Outline view | Ctrl + Y ⌘ + Y |
| Pixel preview | Ctrl + Shift + P ⌘ + Shift + P |
| Toggle layout grid | Ctrl + Shift + G ⌘ + Shift + G |
| Toggle pixel grid | Ctrl + ' ⌘ + ' |
| Toggle multiplayer cursors | Ctrl + Alt + <br/>⌘ + Option + \ |
Layers & Selection
Once you start working seriously with Figma, layer and group hierarchy manipulation becomes something you'll use constantly. Mastering keyboard shortcuts for layer operations significantly improves your speed, and many would argue it's the threshold between beginner and intermediate level.
| Action | Shortcut |
|---|---|
| Open Layers panel | Alt + 1 Option + 1 |
| Open Assets panel | Alt + 2 Option + 2 |
| Open Team Library | Alt + 3 Option + 3 |
| Open Design panel | Alt + 8 Option + 8 |
| Open Prototype panel | Alt + 9 Option + 9 |
| Direct select | Ctrl + Click ⌘ + Click |
| Select child | Enter |
| Select parent | Shift + Enter |
| Add to multi-selection | Shift + Click |
| Select between layers | Shift + Click (first and last) |
| Keyboard box select tool | Ctrl + Space Option + Space |
| Collapse all layers | Alt + L Option + L |
| Select next sibling layer | Tab |
| Select previous sibling layer | Shift + Tab |
Edit & Arrange
Among object operations, common actions include "align" and "group management"—high-speed shortcuts for efficiently handling multiple objects. While these can also be done through icons, knowing these shortcuts will significantly boost your workflow speed.
| Action | Shortcut |
|---|---|
| Group | Ctrl + G ⌘ + G |
| Ungroup | Ctrl + Shift + G ⌘ + Shift + G Ctrl + Backspace |
| Frame | Ctrl + Alt + G ⌘ + Option + G |
| Auto layout | Shift + A |
| Auto layout suggestions | Ctrl + Alt + Shift + A ⌘ + Control + Shift + A |
| Align left | Alt + A Option + A |
| Align right | Alt + D Option + D |
| Align top | Alt + W Option + W |
| Align bottom | Alt + S Option + S |
| Align horizontal centers | Alt + H Option + H |
| Align vertical centers | Alt + V Option + V |
| Toggle visibility | Ctrl + Shift + H ⌘ + Shift + H |
| Toggle lock | Ctrl + Shift + L ⌘ + Shift + L |
| Bring forward | ] Ctrl + ] ⌘ + ] |
| Bring to front | Ctrl + Shift + ] ⌘ + Shift + ] |
| Send backward | [ Ctrl + [ ⌘ + [ |
| Send to back | Ctrl + Shift + [ ⌘ + Shift + [ |
| Flip horizontal | Shift + H |
| Flip vertical | Shift + V |
Components
These are the shortcuts for Figma's "Components." When considering frequency of use, the master component shortcuts may not be high priority.
| Action | Shortcut |
|---|---|
| Create component | Ctrl + Alt + K ⌘ + Option + K |
| Detach instance | Ctrl + Alt + B ⌘ + Option + B |
| Insert instance | Shift + I |
| Copy style | Ctrl + Alt + C ⌘ + Option + C |
| Paste style | Ctrl + Alt + V ⌘ + Option + V |
| Paste and replace | Ctrl + Shift + R ⌘ + Shift + R |
Text Editing
Text editing is a frequently used task in Figma work. Make sure to memorize these shortcuts. While these can also be done through the UI, accidental clicks are common, so using keyboard shortcuts is more reliable. Additionally, since many assignments are intuitive—like B for Bold and U for Underline—they're easy to remember.
| Action | Shortcut |
|---|---|
| Enter text editing mode | Enter |
| Increase font size | Ctrl + Shift + > ⌘ + Shift + > |
| Decrease font size | Ctrl + Shift + < ⌘ + Shift + < |
| Bold | Ctrl + B ⌘ + B |
| Italic | Ctrl + I ⌘ + I |
| Underline | Ctrl + U ⌘ + U |
| Strikethrough | Ctrl + Shift + X ⌘ + Shift + X |
| Align left | Ctrl + Alt + L ⌘ + Option + L |
| Align center | Ctrl + Alt + T ⌘ + Option + T |
| Align right | Ctrl + Alt + R ⌘ + Option + R |
| Justify | Ctrl + Alt + J ⌘ + Option + J |
| Increase letter spacing | Alt + > Option + > |
| Decrease letter spacing | Alt + < Option + < |
| Increase line height | Alt + Shift + > Option + Shift + > |
| Decrease line height | Alt + Shift + < Option + Shift + < |
Move & Resize
Object movement uses combinations of modifier keys like "Alt" and "Shift" to enable move, scale, and duplicate functions. Since movement shortcuts are relatively common, while they're difficult to remember, it's worth mastering them.
| Action | Shortcut |
|---|---|
| Resize from center (while resizing) | Alt + Drag Option + Drag |
| Maintain aspect ratio (while resizing) | Shift + Drag |
| Duplicate while moving (while moving) | Alt + Drag Option + Drag |
| Show measurement distance (while pointing) | Alt Option |
Fill & Stroke
Next, fill and stroke. From this point, the complexity increases somewhat, so you might consider these advanced-level shortcuts.
| Action | Shortcut |
|---|---|
| Remove fill | Shift + X |
| Remove stroke | Alt + X Option + X |
| Swap fill and stroke | X |
Shape Editing
Shape-specific shortcuts covering path editing, shape mode adjustments, masking, and outlining. At this level, depending on your workflow, you may never use some of these commands, so focus on memorizing the ones you use frequently.
| Action | Shortcut |
|---|---|
| Edit shape | Enter |
| Flatten selection | Ctrl + E ⌘ + E |
| Combine selection | Ctrl + J ⌘ + J |
| Delete and repair selection | Ctrl + Alt + / ⌘ + Option + / |
| Use as mask | Ctrl + M ⌘ + M |
| Outline stroke | Shift + O |
| Set opacity to 10% | 1 |
| Set opacity to 50% | 5 |
| Set opacity to 100% | 0 |