app · Mac, Windows, Web
Figma Keyboard Shortcuts
Figma shortcuts are easiest to learn by task: navigation, editing, formatting, and view controls. Start with the table below, then use the menu path fallback when a key combination is blocked.
Reference table
Shortcut Library
Use this as the main reference: shortcut first, menu fallback second, and the note column for version or platform differences.
| Action | Mac | Windows / Web | Note |
|---|---|---|---|
| Move tool | V | V | Default selection tool. |
| Scale tool | K | K | Scale selection proportionally. |
| Frame tool | F | F | Create a new frame. |
| Slice tool | S | S | Create export slices. |
| Rectangle | R | R | Draw a rectangle. |
| Line | L | L | Draw a line. |
| Ellipse | O | O | Draw an ellipse. |
| Pen | P | P | Draw vector paths. |
| Text | T | T | Create text layer. |
| Hand tool | H or Space | H or Space | Pan around canvas. |
| Comment tool | C | C | Add comments. |
| Duplicate selection | Option + Drag or Command + D | Alt + Drag or Ctrl + D | Duplication behavior depends on selection. |
| Group selection | Command + G | Ctrl + G | Groups selected layers. |
| Ungroup | Shift + Command + G | Shift + Ctrl + G | Ungroups selected group. |
| Frame selection | Option + Command + G | Ctrl + Alt + G | Wraps selection in a frame. |
| Create component | Option + Command + K | Ctrl + Alt + K | Turns selected layer into a component. |
| Detach instance | Option + Command + B | Ctrl + Alt + B | Use carefully when editing instances. |
| Add auto layout | Shift + A | Shift + A | Applies to selected frames or objects. |
| Remove auto layout | Option + Shift + A | Alt + Shift + A | Removes auto layout when supported. |
| Bring forward | Command + ] | Ctrl + ] | Moves layer forward. |
| Send backward | Command + [ | Ctrl + [ | Moves layer backward. |
| Bring to front | Option + Command + ] | Ctrl + Shift + ] | Moves layer to top. |
| Send to back | Option + Command + [ | Ctrl + Shift + [ | Moves layer to bottom. |
| Show outlines | Command + Y | Ctrl + Y | Toggle outline view. |
| Pixel preview | Control + P | Ctrl + P | Toggle pixel preview. |
| Layout grids | Control + G | Ctrl + G | Toggle layout grids. |
| Rulers | Shift + R | Shift + R | Toggle rulers. |
| Zoom in | + | + | Canvas zoom. |
| Zoom out | - | - | Canvas zoom. |
| Zoom to selection | Shift + 2 | Shift + 2 | Great for dense files. |
| Zoom to fit | Shift + 1 | Shift + 1 | Fits canvas in view. |
| Zoom to 100% | Shift + 0 | Shift + 0 | Actual size. |
| Show assets panel | Option + 2 | Alt + 2 | Browse components and assets. |
| Show layers panel | Option + 1 | Alt + 1 | Browse layers. |
| Show keyboard shortcuts | Control + Shift + ? | Ctrl + Shift + ? | Opens Figma's shortcut panel. |
Menu Path Fallback
Open the app menu bar or command palette, then search for the action name shown in the table.
Compatibility
Figma shortcuts can vary by operating system, app version, browser mode, and keyboard layout. Confirm platform-specific details before training a team or publishing an internal SOP.
If It Does Not Work
- Make sure the app or browser tab is focused before pressing the shortcut.
- Check whether a system shortcut, browser extension, or custom keyboard setting is intercepting the keys.
- Use the menu path as a fallback when the shortcut is unavailable on your platform.
FAQ
Why do shortcuts differ between Mac and Windows?
Modifier keys, app versions, browser focus, and keyboard layouts can change the exact shortcut.
What should I do if a shortcut does not work?
Check whether the app window is focused, confirm the platform, try the menu path, and look for system-level shortcut conflicts.
Are these pages a replacement for official docs?
No. They are practical reference pages with links to official sources where version-specific details should be checked.