figma guide
Figma Keyboard Shortcuts: 25 That Save Hours
The Figma shortcuts worth memorizing in 2026: selection, frames, Auto Layout, text, components, and prototyping—Mac and Windows, plus how to practice them.
- Published
- Updated
- May 10, 2026
- Read time
- 6 min
- Level
- Beginner
Quick answer
Learn selection, frame creation, Auto Layout, component creation, and copy/paste properties first. Those five clusters cover most daily minutes lost to menus. Everything else is situational: add prototyping shortcuts when you live in Prototype mode, and add type shortcuts when you tune lots of UI copy. If you are brand new to the app, pair this list with how to install Figma on Mac or your team’s Windows setup doc so the editor opens the same way every day while you drill muscle memory.
How this list is organized
Shortcuts are grouped by task, not by difficulty. ⌘ means Command on macOS; on Windows use Ctrl in the same role unless noted. ⌥ is Option (Mac) / Alt (Windows). A few commands differ slightly between platforms; when Figma updates chord names, check Help → Keyboard shortcuts inside the app for the canonical map.
Selection, zoom, and canvas
| # | Action | Mac | Windows |
|---|---|---|---|
| 1 | Select tool | V | V |
| 2 | Frame tool | F | F |
| 3 | Slice tool | S | S |
| 4 | Hand / pan canvas | Space (hold) + drag | Same |
| 5 | Zoom to selection | ⌘ + 2 | Ctrl + 2 |
| 6 | Zoom 100% | ⌘ + 0 | Ctrl + 0 |
Why it matters: Pan and zoom chords keep you oriented on large files. Zoom-to-selection is the fastest way to present one frame in a review without hunting the footer zoom menu.
Drawing and editing shapes
| # | Action | Mac | Windows |
|---|---|---|---|
| 7 | Rectangle | R | R |
| 8 | Ellipse | O | O |
| 9 | Line | L | L |
| 10 | Pen | P | P |
Why it matters: Single-letter tools mirror many other design apps, so they stick quickly. Staying on the keyboard after dropping a shape is what makes the next sections feel fluid.
Layout, groups, and Auto Layout
| # | Action | Mac | Windows |
|---|---|---|---|
| 11 | Group selection | ⌘ + G | Ctrl + G |
| 12 | Ungroup | ⌘ + Shift + G | Ctrl + Shift + G |
| 13 | Add Auto Layout | Shift + A | Shift + A |
| 14 | Open keyboard shortcuts panel | Control + Shift + ? | Ctrl + Shift + ? |
Why it matters: The shortcuts panel is an honest tutor—leave it open while you learn so you are not guessing chords from blog posts alone.
| # | Action | Mac | Windows |
|---|---|---|---|
| 15 | Align left | ⌥ + A | Alt + A |
| 16 | Align horizontal centers | ⌥ + H | Alt + H |
These alignment shortcuts match Figma’s alignment menu when multiple layers or an Auto Layout frame is selected.
Alignment is high leverage for web-style layouts and dashboard grids—once these chords are automatic, polishing spacing stops feeling like a side quest.
Text, type, and color
| # | Action | Mac | Windows |
|---|---|---|---|
| 17 | Text tool | T | T |
| 18 | Bold (when editing text) | ⌘ + B | Ctrl + B |
| 19 | Italic | ⌘ + I | Ctrl + I |
Why it matters: Typography tweaks dominate marketing and product UI work. Faster text editing means you experiment more with hierarchy instead of accepting the first label length that fits.
Components, styles, and reuse
| # | Action | Mac | Windows |
|---|---|---|---|
| 20 | Create component | ⌥ + ⌘ + K | Ctrl + Alt + K |
| 21 | Detach instance | ⌥ + ⌘ + B | Ctrl + Alt + B |
| 22 | Copy properties / paste properties | ⌥ + ⌘ + C / ⌥ + ⌘ + V | Ctrl + Alt + C / Ctrl + Alt + V |
Why it matters: Component creation and paste properties are the backbone of design systems and repeated cards. They pair naturally with guides such as best Figma plugins for design systems when you start automating larger libraries.
Duplication and depth
| # | Action | Mac | Windows |
|---|---|---|---|
| 23 | Duplicate | ⌘ + D | Ctrl + D |
| 24 | Bring forward / send backward (one step) | ⌘ + ] / ⌘ + [ | Ctrl + ] / Ctrl + [ |
Why it matters: Duplication plus nudging with arrow keys is still one of the fastest ways to explore layout variants before you commit to components. Z-order shortcuts keep overlapping cards and modals honest without opening the layers panel for every tweak.
Power move: ⌘ + Shift + ] (Mac) / Ctrl + Shift + ] (Windows) sends a layer to the very front when you need a modal above everything else—just remember to reset order before handoff if your team treats layer stack as semantic.
Prototyping flow
| # | Action | Mac | Windows |
|---|---|---|---|
| 25 | Toggle Design / Prototype mode | Shift + E | Shift + E |
Why it matters: Prototype mode is where flows come alive. Combine this toggle with the flow-building habits in how to use Figma to create a prototype and, for richer demos, interactive carousels in Figma.
Practice plan that actually sticks
- Week one: Selection, frame, rectangle, group, duplicate—use them on a real file, not a blank playground.
- Week two: Auto Layout and component create/detach on a small card pattern.
- Week three: Prototype toggle plus connector habits from your team’s review checklist.
Close each session by hiding the left toolbar for ten minutes (if your comfort level allows) so you notice which commands still send you hunting with the mouse.
Accessibility: keyboard box selection
Figma ships a keyboard box selection mode for people who prefer or need keyboard-driven selection:
- Mac:
⌥+Space, then arrow keys to move the pink cursor;Returnto select;Tab/Shift+Tabto walk children. - Windows:
Ctrl+Spacewith the same navigation pattern.
It is not one of the “25” above because teams use it selectively, but it is worth knowing if you are building inclusive workflows or recovering from repetitive strain.
When a shortcut “does nothing”
Check whether focus is in the canvas versus a text field or a comment—many chords only apply while the canvas is active. If you recently customized shortcuts in Preferences → Keyboard layout, compare your layout against this article before assuming Figma broke.
FAQ
Where is the official shortcut list?
Inside Figma: Help → Keyboard shortcuts (wording may vary slightly). Keep it open on a second monitor while learning.
Do shortcuts work the same in the browser and desktop app?
Most editor shortcuts match. Browser tabs and OS-level shortcuts occasionally steal chords; if something misfires, try the desktop app for heavy work—see the comparison in how to install Figma on Mac.
Are there shortcuts for plugins?
Plugins usually expose actions in their own UI; some teams use Quick actions search to launch recent plugins faster than clicking the menu.
What to learn next
Move from speed to quality: deepen layout skills with the Figma guides hub, explore structured lessons on tutorials, and add plugins only when a repeated task justifies it—how to install a Figma plugin keeps that process safe for collaborators.
If you collaborate with engineers, skim best Figma plugins for developers next; many teams map design shortcuts to consistent component behavior so reviews stay predictable.
§ Keep reading