Figma Keyboard Shortcuts: The Complete Guide for Mac
Master Figma with this comprehensive keyboard shortcuts guide for Mac. From essential tools to advanced prototyping, become a Figma power user.
Figma is the leading collaborative design tool used by product teams worldwide. Mastering keyboard shortcuts can dramatically speed up your design workflow and help you focus on creativity rather than navigating menus.
Essential tool shortcuts
These shortcuts let you quickly switch between Figma's most-used tools.
| Tool | Shortcut |
|---|---|
| Move Tool | V |
| Scale Tool | K |
| Frame Tool | F |
| Slice Tool | S |
| Rectangle | R |
| Ellipse | O |
| Line | L |
| Arrow | ⇧ + L |
| Pen Tool | P |
| Pencil Tool | ⇧ + P |
| Text Tool | T |
| Hand Tool (Pan) | H |
| Comment Tool | C |
| Eyedropper / Color Picker | I or ⌃ + C |
Pro tip: Press ⌥ (Option) while using a shape tool to draw from the center instead of the corner.
File and general operations
Manage your files efficiently with these essential shortcuts.
| Action | Shortcut |
|---|---|
| Quick Actions | ⌘ + / or ⌘ + P |
| New Design File | ⌘ + N |
| New FigJam File | ⇧ + ⌘ + N |
| Close Tab | ⌘ + W |
| Save to Version History | ⌘ + ⌥ + S |
| Export | ⇧ + ⌘ + E |
| Export Selected | ⌘ + ⇧ + E |
| Undo | ⌘ + Z |
| Redo | ⇧ + ⌘ + Z |
| Show/Hide UI | ⌘ + \ |
| Toggle Pixel Preview | ⌃ + P |
| Open Settings | ⌘ + , |
View and navigation
Navigate your canvas and control how you view your work.
| Action | Shortcut |
|---|---|
| Zoom In | ⌘ + + or + |
| Zoom Out | ⌘ + - or - |
| Zoom to 100% | ⌘ + 0 |
| Zoom to Fit | ⇧ + 1 |
| Zoom to Selection | ⇧ + 2 |
| Zoom to Previous Frame | ⇧ + N |
| Zoom to Next Frame | N |
| Pan Canvas | Space + Drag |
| Show/Hide Rulers | ⇧ + R |
| Show/Hide Layout Grids | ⌃ + G |
| Show/Hide Pixel Grid | ⌘ + ' |
| Show/Hide Guides | ⇧ + G |
| Toggle Outline Mode | ⌘ + Y |
| Show Multiplayer Cursors | ⌥ + ⌘ + \ |
| Find in File | ⌘ + F |
| Go to Page | ⌘ + G |
Pro tip: Hold Z and click to zoom in, or Z + ⌥ and click to zoom out. You can also scroll to zoom with ⌘ + Scroll.
Selection shortcuts
Master selections to work efficiently with your designs.
| Action | Shortcut |
|---|---|
| Select All | ⌘ + A |
| Select All in Frame | ⌘ + A (with frame selected) |
| Select Inverse | ⇧ + ⌘ + A |
| Select None (Deselect) | Escape |
| Select Children | Enter |
| Select Parent | ⇧ + Enter or \ |
| Select Next Sibling | Tab |
| Select Previous Sibling | ⇧ + Tab |
| Deep Select | ⌘ + Click |
| Select All Matching Layers | ⌘ + ⌥ + A |
| Select Same Fill | Select via Edit menu |
Selection modifiers
| Modifier | Effect |
|---|---|
⇧ + Click | Add to/remove from selection |
⌘ + Click | Deep select (ignore groups) |
| Drag Selection | Marquee select objects |
⌥ + Drag | Marquee select including intersecting |
Layer and object operations
Manage layers and organize your design structure.
| Action | Shortcut |
|---|---|
| Group Selection | ⌘ + G |
| Ungroup | ⇧ + ⌘ + G |
| Create Frame | ⌘ + ⌥ + G |
| Remove Frame | ⇧ + ⌘ + G |
| Lock/Unlock Selection | ⇧ + ⌘ + L |
| Hide/Show Selection | ⇧ + ⌘ + H |
| Rename Layer | ⌘ + R |
| Copy | ⌘ + C |
| Cut | ⌘ + X |
| Paste | ⌘ + V |
| Paste Over Selection | ⇧ + ⌘ + V |
| Paste to Replace | ⇧ + ⌘ + R |
| Duplicate | ⌘ + D |
| Duplicate in Place | ⌥ + Drag |
| Delete Selection | Delete or Backspace |
Arrange and alignment
Position and arrange objects precisely.
| Action | Shortcut |
|---|---|
| Bring to Front | ⌘ + ] |
| Bring Forward | ⌘ + ⌥ + ] |
| Send to Back | ⌘ + [ |
| Send Backward | ⌘ + ⌥ + [ |
| Align Left | ⌥ + A |
| Align Right | ⌥ + D |
| Align Top | ⌥ + W |
| Align Bottom | ⌥ + S |
| Align Horizontal Center | ⌥ + H |
| Align Vertical Center | ⌥ + V |
| Distribute Horizontal | ⌃ + ⌥ + H |
| Distribute Vertical | ⌃ + ⌥ + V |
| Tidy Up | ⌃ + ⌥ + T |
Transform operations
Transform and manipulate your designs with precision.
| Action | Shortcut |
|---|---|
| Flip Horizontal | ⇧ + H |
| Flip Vertical | ⇧ + V |
| Rotate 90° Clockwise | Select via Object menu |
| Rotate 90° Counter-clockwise | Select via Object menu |
| Constrain Proportions | ⇧ + Drag corner |
| Resize from Center | ⌥ + Drag |
| Resize Proportionally from Center | ⇧ + ⌥ + Drag |
| Rotate in 15° Increments | ⇧ + Rotate |
| Move by 1px | Arrow Keys |
| Move by 10px | ⇧ + Arrow Keys |
| Resize by 1px | ⌘ + Arrow Keys |
| Resize by 10px | ⇧ + ⌘ + Arrow Keys |
Components and styles
Work with reusable design elements.
| Action | Shortcut |
|---|---|
| Create Component | ⌘ + ⌥ + K |
| Create Multiple Components | Select via Create menu |
| Detach Instance | ⌘ + ⌥ + B |
| Go to Main Component | ⌘ + ⌥ + E |
| Team Library | ⌘ + ⌥ + O |
| Swap Instance | In properties panel |
| Reset Overrides | Select via right-click menu |
| Push Overrides to Main | Select via right-click menu |
Text editing
Work efficiently with text layers.
| Action | Shortcut |
|---|---|
| Edit Text | Enter or T on text layer |
| Exit Text Edit | Escape |
| Select All Text | ⌘ + A |
| Bold | ⌘ + B |
| Italic | ⌘ + I |
| Underline | ⌘ + U |
| Strikethrough | ⇧ + ⌘ + X |
| Create Link | ⌘ + K |
| Increase Font Size | ⇧ + ⌘ + > |
| Decrease Font Size | ⇧ + ⌘ + < |
| Increase Line Height | ⌥ + ⇧ + > |
| Decrease Line Height | ⌥ + ⇧ + < |
| Increase Letter Spacing | ⌥ + ⌘ + > |
| Decrease Letter Spacing | ⌥ + ⌘ + < |
| Align Left | ⌘ + ⌥ + L |
| Align Center | ⌘ + ⌥ + T |
| Align Right | ⌘ + ⌥ + R |
| Justify | ⌘ + ⌥ + J |
Vector editing
Fine-tune vector paths and shapes.
| Action | Shortcut |
|---|---|
| Enter Vector Edit Mode | Enter or double-click |
| Exit Vector Edit Mode | Escape or Done |
| Bend Tool | ⌘ while dragging |
| Paint Bucket (Fill) | ⌘ + Click on closed path |
| Delete and Heal | ⇧ + Delete |
| Join Selection | ⌘ + J |
| Smooth Join | ⇧ + Backspace |
| Show/Hide Path | ⌘ + / in edit mode |
Boolean operations
Combine shapes in different ways.
| Action | Shortcut |
|---|---|
| Union | ⌘ + ⌥ + U |
| Subtract | ⌘ + ⌥ + S |
| Intersect | ⌘ + ⌥ + I |
| Exclude | ⌘ + ⌥ + X |
| Flatten Selection | ⌘ + E |
| Outline Stroke | ⇧ + ⌘ + O |
Auto Layout
Speed up responsive design with Auto Layout.
| Action | Shortcut |
|---|---|
| Add Auto Layout | ⇧ + A |
| Remove Auto Layout | ⌥ + ⇧ + A |
| Toggle Direction | In properties panel |
| Adjust Padding | Select and use number inputs |
| Adjust Spacing | Select and use number inputs |
Prototyping
Create interactive prototypes efficiently.
| Action | Shortcut |
|---|---|
| Present/Preview | ⌥ + ⌘ + Enter |
| Toggle Prototype Panel | Access via right sidebar |
| Add Interaction | Drag connector in prototype mode |
| Play Prototype | Click Play button |
| Navigate Back (in preview) | Backspace |
| Restart Prototype | R |
| Close Presentation | Escape |
Collaboration
Work together with your team seamlessly.
| Action | Shortcut |
|---|---|
| Add Comment | C then click |
| Toggle Comments | ⇧ + C |
| Next Comment | N (in comment mode) |
| Previous Comment | ⇧ + N (in comment mode) |
| Show Version History | ⌘ + ⌥ + H |
| Follow User | Click avatar, then "Follow" |
| Share | Access via Share button |
Panels and sidebar
Manage your workspace efficiently.
| Action | Shortcut |
|---|---|
| Toggle Left Sidebar | ⌘ + ⇧ + \ |
| Toggle Layers Panel | ⌥ + 1 |
| Toggle Assets Panel | ⌥ + 2 |
| Show Design Panel | Access via right sidebar |
| Show Prototype Panel | Access via right sidebar |
| Show Inspect Panel | Access via right sidebar |
| Toggle Dev Mode | ⇧ + D |
Plugins and resources
Access plugins and community resources.
| Action | Shortcut |
|---|---|
| Quick Actions (Search) | ⌘ + / |
| Run Last Plugin | ⌥ + ⌘ + P |
| Open Resources | Access via Resources icon |
| Plugins Panel | ⌘ + ⌥ + P |
Cursor and precision
Fine-tune your cursor behavior for precise editing.
| Action | Shortcut |
|---|---|
| Measure Distance | ⌥ + Hover on object |
| Copy CSS | ⌘ + ⌥ + C |
| Copy SVG | ⇧ + ⌘ + C |
| Copy PNG | ⇧ + ⌘ + C (with export settings) |
| Snap to Pixel Grid | Toggle in preferences |
| Snap to Objects | Enabled by default |
Customize your shortcuts
Figma allows you to customize keyboard shortcuts to match your workflow. Go to Figma Menu → Preferences → Keyboard Shortcuts (or use Quick Actions ⌘ + / and search for "Keyboard Shortcuts") to view and modify all available shortcuts.
You can also reset shortcuts to defaults or export your custom shortcuts to share with your team.
Show your shortcuts on screen
Teaching Figma or creating design tutorials? KeyScreen displays your keystrokes beautifully on screen so your audience always knows what shortcuts you're using—perfect for professional-looking tutorials, live streams, and design reviews.