Figma Keyboard Shortcuts for macOS

Keyboard shortcuts for Figma on Mac. Arrange layers, edit vectors, and navigate design frames on macOS.

Move: V
Scale: K
Frame: F
or
A
Section: Shift+S
Slice: S
Rectangle: R
Line: L
Arrow: Shift+L
Ellipse: O
Place image: Cmd+Shift+K

Pen: P
Pencil: Shift+P
Text: T
Resources: Shift+I
Hand: H
Add comment: C
Pick color: I
or
Ctrl+C
Quick actions (Press Return or Enter to perform an action): Cmd+/
or
Cmd+P
Run last plugin: Cmd+Opt+P

Show/Hide UI (Editor and presentation mode): \
or
Cmd+.
Minimize UI: Cmd+Shift+\
Multiplayer cursors: Cmd+Opt+\
Rulers: Shift+R
Show outlines: Shift+O
or
Cmd+Y
Pixel preview: Cmd+Shift+P
Layout grids: Shift+G
Pixel grid: Shift+'
or
Cmd+'
Collapse layers: Opt+L
Layers panel: Opt+1
Assets panel: Opt+2
Find and replace: Cmd+F

Libraries: Opt+3
Design panel: Opt+8
Prototype panel: Opt+9
Inspect panel: Opt+0
Toggle design/prototype panel: Shift+E
Show/Hide comments: Shift+C
Show/Hide left panel: Cmd+Shift+\
Present (play the prototype): Cmd+Opt+Return
Preview (play the prototype on the canvas): Shift+Space
Switch between files: Cmd+Opt+LeftRight
Switch between pages: Fn+DownUp
Dev mode/Design mode: Shift+D

Zoom in: =
or
Shift+=
Zoom out: -
Zoom to 100%: Cmd+0
Zoom to fit: Shift+1

Zoom to selection: Shift+2
Zoom to previous frame: Shift+N
Zoom to next frame: N

Bold: Cmd+B
Italic: Cmd+I
Underline: Cmd+U
Strikethrough: Cmd+Shift+X
Create link: Cmd+Shift+U
Bulleted list: Cmd+Shift+8
Numbered list: Cmd+Shift+7
Text align left: Cmd+Opt+L
Text align center: Cmd+Opt+T
Text align right: Cmd+Opt+R
Text align justified: Cmd+Opt+J

Increase indentation: Cmd+]
Decrease indentation: Cmd+[
Increase font size: Cmd+Shift+.
or
Cmd+Shift+.
Decrease font size: Cmd+Shift+,
or
Cmd+Shift+,
Increase font weight: Cmd+Opt+Shift+.
or
Cmd+Opt+.
Decrease font weight: Cmd+Opt+Shift+,
or
Cmd+Opt+,
Increase line height: Opt+Shift+.
Decrease line height: Opt+Shift+,
Increase letter spacing: Opt+Shift+.
or
Opt+.
Decrease letter spacing: Opt+Shift+,
or
Opt+,

Paint bucket while editing a shape: B
Bend tool while editing a shape: Cmd
Remove fill: Opt+/
Remove stroke: Shift+/
or
Shift+'
Swap fill and stroke: Shift+X

Join selection (After selecting points): Cmd+J
Smooth join selection (After selecting points): Cmd+Shift+J
Delete and heal selection (After selecting points): Shift+Fwd Del
Flatten selection: Cmd+E

Deep select: Cmd+Click
Deep select with rectangle while dragging to select: Cmd+Drag
Select layer menu: Cmd+Right-click
Select all: Cmd+A
Select inverse: Cmd+Shift+A
Select none: Esc
Select children: Return
Select parent: \
or
Shift+Return

Select next sibling: Tab
Select previous sibling: Shift+Tab
Select all matching layers: Cmd+Opt+A
Group selection: Cmd+G
Ungroup selection: Cmd+Shift+G
Frame selection: Cmd+Opt+G
Show/Hide selection: Cmd+Shift+H
Lock/Unlock selection: Cmd+Shift+L

Measure to selection while pointing: Opt
Duplicate selection while moving: Opt
Resize from center while resizing: Opt
Resize proportionally while resizing: Shift

Crop image while resizing: Cmd
Ignore constraints (frames) while resizing: Cmd
Move while resizing while dragging: Space

Copy: Cmd+C
Cut: Cmd+X
Paste: Cmd+V
Paste to replace: Cmd+Shift+R
Paste over selection: Cmd+Shift+V
Duplicate: Cmd+D

Rename: Cmd+R
Export: Cmd+Shift+E
Copy as PNG: Cmd+Shift+C
Copy properties: Cmd+Opt+C
Paste properties: Cmd+Opt+V

Flip horizontal: Shift+H
Flip vertical: Shift+V
Use as mask: Cmd+Ctrl+M
Edit shape or image: Return
Resize the frame to fit: Cmd+Opt+Shift+R
Set opacity to 0%: 0
Set opacity to 10%: 1
Set opacity to 20%: 2
Set opacity to 30%: 3

Set opacity to 40%: 4
Set opacity to 50%: 5
Set opacity to 60%: 6
Set opacity to 70%: 7
Set opacity to 80%: 8
Set opacity to 90%: 9
Set opacity to 100%: 0
Set opacity to specific value: Enter the number

Align left: Opt+A
Align horizontal centers: Opt+H
Align right: Opt+D
Align top: Opt+W
Align vertical centers: Opt+V
Align bottom: Opt+S
Tidy up: Ctrl+Opt+T

Distribute horizontal spacing: Ctrl+Opt+H
Distribute vertical spacing: Ctrl+Opt+V
Bring to front: Cmd+Opt+]
Bring forward: Cmd+]
Send backward: Cmd+[
Send to back: Cmd+Opt+[

Show assets: Opt+2
Libraries: Cmd+Opt+O
Create component: Cmd+Opt+K

Detach instance: Cmd+Opt+B
Swap component instance while inserting a component: Opt
Go to main component: Cmd+Ctrl+Opt+K

Add auto layout: Shift+A
Remove auto layout: Opt+Shift+A
Suggest auto layout: Ctrl+Shift+A
Drag padding/spacing with big nudge steps: Shift+Drag
Drag padding from both sides: Opt+Drag
Drag padding from all sides: Opt+Shift+Drag
Edit both padding sides (Click padding area): Opt+Click
Edit all padding sides (Click padding area): Opt+Shift+Click
Single padding field while clicking into any padding fields in design panel: Cmd

Set hug contents: Double-click Vertical or Horizontal edge
Set fill container: Opt+Double-click Vertical or Horizontal edge
Set alignment stepwise (After clicking on alignment box): DownRightUpLeft
Set alignment to edge (After clicking on alignment box): WASD
Set alignment to center vertically or horizontally (After clicking on alignment box): VH
Toggle text baseline alignment (After clicking on alignment box): B
Toggle space between/packed (After clicking on alignment box): X
or
Double-click on alignment widget
Open Menu to allow toggling (With Width / Height in focus): Cmd+Down

Need more than shortcuts?
Visit the Figma app page for an overview and helpful links.

Want to suggest a new app, report a bug, or get help? Email us at info@hkeys.app.

For anything else or just a quick hello, write to us at info@hkeys.app.