Figma shortcuts
Speed up your design processes with the UI kit using these helpful keyboard shortcut cheat sheets for Figma.
Shortcuts marked with (★) are our favorites and have proven especially valuable building our Figma UI Kits.
Figma shortcuts by categories ↓
Figma's Interface
Show / Hide UI
★
Works in both Editor and Presentation mode
⌘ + \ or ⌘ + .
Show / Hide UI
★
Works in both Editor and Presentation mode
⌘ + \ or ⌘ + .
Minimize UI
Collapse left and right panels
⇧ + ⌘ + \
Minimize UI
Collapse left and right panels
⇧ + ⌘ + \
Layout Grid
⇧ + G
Layout Grid
⇧ + G
Pixel Grid
⌘ + '
Pixel Grid
⌘ + '
Show / Hide Rulers
⇧ + R
Show / Hide Rulers
⇧ + R
Show / Hide Outlines
⌘ + ⇧ + O
Show / Hide Outlines
⌘ + ⇧ + O
Open Layers Panel
★
⌥ + 1
Open Layers Panel
★
⌥ + 1
Open Assets Panel
★
⌥ + 2
Open Assets Panel
★
⌥ + 2
Open Design Panel
⌥ + 8
Open Design Panel
⌥ + 8
Open Prototype Panel
⌥ + 9
Open Prototype Panel
⌥ + 9
Open Inspect Panel
⌥ + 0
Open Inspect Panel
⌥ + 0
Zoom to 100%
⇧ + 0
Zoom to 100%
⇧ + 0
Zoom to Fit
⇧ + 1
Zoom to Fit
⇧ + 1
Open Dev Mode
Enter developer mode
⇧ + D
Open Dev Mode
Enter developer mode
⇧ + D
Preview
★
Preview prototype on the canvas
⇧ + Space
Preview
★
Preview prototype on the canvas
⇧ + Space
Presentation Mode
★
Enter prototype preview mode
⌥ + ⌘ + Enter
Presentation Mode
★
Enter prototype preview mode
⌥ + ⌘ + Enter
Figma Tools
Figma Actions
★
Quick access to design assets, plugins, widgets and AI features
⌘ + K
Figma Actions
★
Quick access to design assets, plugins, widgets and AI features
⌘ + K
Add Ellipse
O
Add Ellipse
O
Add Frame
★
F
Add Frame
★
F
Add Comment
C
Add Comment
C
Add Rectangle
★
R
Add Rectangle
★
R
Move
V
Move
V
Pen Tool
P
Pen Tool
P
Arrow
⇧ + L
Arrow
⇧ + L
Pencil
⇧ + P
Pencil
⇧ + P
Text
T
Text
T
Hand
H
Hand
H
Line
L
Line
L
Pick Color
★
I or Ctrl + C
Pick Color
★
I or Ctrl + C
Slice
S
Slice
S
Scale
K
Scale
K
Selection
Deep Select
★
V
Select All
★
⌘ + A
Deselect
Esc
Select Inverse
⇧ + ⌘ + A
Select Children
Enter
Select Parent
\ or ⇧ + Enter
Select Next Sibling
Tab
Select Previous Sibling
⇧ + Tab
Select All Matching Layers
★
⌥ + ⌘ + A
Group Selection
⌘ + G
Ungroup Selection
⇧ + ⌘ + G
Frame Selection
⌥ + ⌘ + G
Remove Frame
⌘ + ⌫
Show / Hide Selection
★
⇧ + ⌘ + H
Lock / Unlock Selection
★
⇧ + ⌘ + L
Figma Text
Bold
While selecting text element
⌘ + B
Bold
While selecting text element
⌘ + B
Italic
While selecting text element
⌘ + I
Italic
While selecting text element
⌘ + I
Underline
While selecting text element
⌘ + U
Underline
While selecting text element
⌘ + U
Strikethrough
While selecting text element
⇧ + ⌘ + X
Strikethrough
While selecting text element
⇧ + ⌘ + X
Align Left
⌥ + ⌘ + L
Align Left
⌥ + ⌘ + L
Align Center
⌥ + ⌘ + T
Align Center
⌥ + ⌘ + T
Align Right
⌥ + ⌘ + R
Align Right
⌥ + ⌘ + R
Align Justified
⌥ + ⌘ + J
Align Justified
⌥ + ⌘ + J
Add Link
★
⌘ + K
Add Link
★
⌘ + K
Edit Font Size
⇧ + ⌘ + < or ⇧ + ⌘ + >
Edit Font Size
⇧ + ⌘ + < or ⇧ + ⌘ + >
Edit Font Weight
⌥ + ⌘ + < or ⌥ + ⌘ + >
Edit Font Weight
⌥ + ⌘ + < or ⌥ + ⌘ + >
Edit Letter Spacing
⌥ + < or ⌥ + >
Edit Letter Spacing
⌥ + < or ⌥ + >
Edit Line Height
⇧ + ⌥ + < or ⇧ + ⌥ + >
Edit Line Height
⇧ + ⌥ + < or ⇧ + ⌥ + >
Text to List
⇧ + ⌘ + 7
Text to List
⇧ + ⌘ + 7
Figma Shape
Bend Tool
⌘
Bend Tool
⌘
Flatten Selection
★
⌘ + E
Flatten Selection
★
⌘ + E
Delete and Heal
While selecting vector points
⇧ + Delete
Delete and Heal
While selecting vector points
⇧ + Delete
Outline Stroke
★
⇧ + ⌘ + O
Outline Stroke
★
⇧ + ⌘ + O
Paint Bucket
B
Paint Bucket
B
Remove Fill
⌥ + /
Remove Fill
⌥ + /
Remove Stroke
⇧ + / or ⇧ + '
Remove Stroke
⇧ + / or ⇧ + '
Swap Fill and Stroke
⇧ + X
Swap Fill and Stroke
⇧ + X
Join Selection
While selecting vector points
⌘ + J
Join Selection
While selecting vector points
⌘ + J
Smooth Join Selection
While selecting vector points
⇧ + ⌘ + J
Smooth Join Selection
While selecting vector points
⇧ + ⌘ + J
Figma Cursor
Duplicate Selection
★
While moving an element
⌥
Duplicate Selection
★
While moving an element
⌥
Measure to selection
While selecting an element
⌥
Measure to selection
While selecting an element
⌥
Resize From Center
While dragging an element
⌥
Resize From Center
While dragging an element
⌥
Resize Proportionally
While dragging an element
⌘ + B
Resize Proportionally
While dragging an element
⌘ + B
Crop Image
★
While selecting an element
⌘
Crop Image
★
While selecting an element
⌘
Ignore Constraints
★
While resizing an element
⌘
Ignore Constraints
★
While resizing an element
⌘
Move and Resize
While dragging an element
Space
Move and Resize
While dragging an element
Space
Essentials
Copy
⌘ + C
Copy
⌘ + C
Paste
⌘ + V
Paste
⌘ + V
Rename
⌘ + B
Rename
⌘ + B
Duplicate
⌘ + D
Duplicate
⌘ + D
Cut
⌘ + X
Cut
⌘ + X
Export
⇧ + ⌘ + E
Export
⇧ + ⌘ + E
Copy as PNG
⇧ + ⌘ + C
Copy as PNG
⇧ + ⌘ + C
Copy Properties
★
⌥ + ⌘ + C
Copy Properties
★
⌥ + ⌘ + C
Paste Properties
★
⌥ + ⌘ + V
Paste Properties
★
⌥ + ⌘ + V
Copy Page Link
⌘ + L
Copy Page Link
⌘ + L
Paste to Replace
⇧ + ⌘ + R
Paste to Replace
⇧ + ⌘ + R
Paste Over Selection
⇧ + ⌘ + V
Paste Over Selection
⇧ + ⌘ + V
Figma Transform
Flip Horizontal
⇧ + H
Flip Horizontal
⇧ + H
Flip Vertical
⇧ + V
Flip Vertical
⇧ + V
Use Mask
⌃ + ⌘ + M
Use Mask
⌃ + ⌘ + M
Edit Shape or Image
Enter
Edit Shape or Image
Enter
Resize to Fit
⌥ + ⇧ + ⌘ + R
Resize to Fit
⌥ + ⇧ + ⌘ + R
Set Opacity
★
Set opacity by choosing a number from 1 to 9
1 - 9
Set Opacity
★
Set opacity by choosing a number from 1 to 9
1 - 9
Figma Arrange
Bring Forward
★
⌘ + ]
Bring Forward
★
⌘ + ]
Send Backward
★
⌘ + [
Send Backward
★
⌘ + [
Bring to Front
★
]
Bring to Front
★
]
Send to Back
★
[
Send to Back
★
[
Align Left
Align elements to the left side of the frame
⌥ + A
Align Left
Align elements to the left side of the frame
⌥ + A
Align Right
Align elements to the right side of the frame
⌥ + D
Align Right
Align elements to the right side of the frame
⌥ + D
Align Top
Align elements to the top of the frame
⌥ + W
Align Top
Align elements to the top of the frame
⌥ + W
Align Bottom
Align elements to the bottom of the frame
⌥ + S
Align Bottom
Align elements to the bottom of the frame
⌥ + S
Align Centers
Align elements horizontally and vertically with V and H
⌥ + H / V
Align Centers
Align elements horizontally and vertically with V and H
⌥ + H / V
Distribute Spacing
Distribute vertical and horizontal spacing with V and H
⌥ + ^ + H
Distribute Spacing
Distribute vertical and horizontal spacing with V and H
⌥ + ^ + H
Tidy Up
Organize selection into columns or rows
Ctrl + ⌥ + T
Tidy Up
Organize selection into columns or rows
Ctrl + ⌥ + T
Figma Auto Layout
Add Auto Layout
★
⇧ + A
Add Auto Layout
★
⇧ + A
Remove Auto Layout
⌥ + ⇧ + A or ⌘ + ⌫
Remove Auto Layout
⌥ + ⇧ + A or ⌘ + ⌫
Suggest Auto Layout
⇧ + ^ + A
Suggest Auto Layout
⇧ + ^ + A
Edit All Paddings
While clicking into padding field
⌥ + ⇧ + Click
Edit All Paddings
While clicking into padding field
⌥ + ⇧ + Click
Edit Single Padding
While clicking into padding field
⌘
Edit Single Padding
While clicking into padding field
⌘
Figma Components
Create Component
⌥ + ⌘ + K
Create Component
⌥ + ⌘ + K
Detach Instance
⌥ + ⌘ + B
Detach Instance
⌥ + ⌘ + B
Swap Component Instance
While adding a component
⌥
Swap Component Instance
While adding a component
⌥
Toggle Component Menu
⇧ + I
Toggle Component Menu
⇧ + I
Open Team Library
⌥ + ⌘ + O
Open Team Library
⌥ + ⌘ + O
Figma Prototyping
Fullscreen
F
Fullscreen
F
Scale View
Z
Scale View
Z
Restart Prototype
R
Restart Prototype
R
Add Comment
C
Add Comment
C
⟡
⟡
⟡
More FREE Figma resources
⟡
⟡
⟡
Design systems with Figma — 10× faster
Level up your design, build robust systems, websites, and applications that will stay beautiful forever.
UI KIT TRUSTED BY TOP TEAMS AND BRANDS
Design systems with Figma — 10× faster
Level up your design, build robust systems, websites, and applications that will stay beautiful forever.
UI KIT TRUSTED BY TOP TEAMS AND BRANDS
Design in Figma
— 10X faster
Level up your design, build robust systems, websites, and applications that will stay beautiful forever.