Effortless Design: A Handy Compilation of 100+ Figma Shortcuts You Can’t Ignore
Hey designers! Ready to make Figma your design playground? We’re diving into the world of Figma Shortcuts – more than 100 cool tricks that make designing way easier.
Whether you’re a design pro or just starting, these shortcuts are like little hacks that turn you into a Figma wizard. This article is your starting point for mastering Figma like a champ.
Join us as we explore over 100 shortcuts that make designing a breeze. From moving around to doing fancy design stuff, we’ve got you covered. Let’s make your design journey super smooth! ????????
Figma Shortcuts Keys: Turbocharge Your Design Process
Getting Started with the Basics
Description
Shortcut keys
Smooth Navigation
Ctrl + Arrow
Precise Selection
V
Show / Hide user interface
CTRL \
Grouping and Ungrouping
Ctrl + G – Ctrl + Shift + G.
Choose color
⌃ C
Quick actions
CTRL / or CTRL P
Tools figma shortcuts keys
Description
Shortcut keys
Move tool
V
Pen
P
Pencil
⇧P
Text
T
Rectangle tool
R
Ellipse tool
O
Line tool
L
Arrow tool
⇧ L
Add comment
C
Choose color
i or ⌃ C
Slice too
S
View figma shortcuts keys
Description
Shortcut keys
Show / Hide user interface
CTRL \
Multiplayer cursors
Alt CTRL \
Rulers
⇧ R
Outlines
CTRL Y
Pixel preview
⌃ P
Layout grids
⌃ G
Pixel grid
CTRL `
Open layers pane
Alt 1
Open assets panel
Alt 2
Open design panel
Alt 8
Open prototype pane
Alt 9
Open inspect panel
Alt 0
Zoom figma shortcuts keys
Description
Shortcut keys
Zoom in
+
Zoom out
_
Zoom to 100%
⇧ 0
Zoom to fit
⇧ 1
Zoom to selection
⇧ 2
Zoom to previous frame
⇧ N
Text figma shortcuts keys
Description
Shortcut keys
Bold
CTRL B
Italicize
CTRL I
Underline
CTRL U
Create Link
CTRL K
Strikethrough
⇧ CTRL X
Turn into a list
⇧ CTRL 7
Align text left
Alt CTRL L
Center text
Alt CTRL T
Align text right
Alt CTRL R
Justify text
Alt CTRL J
Change font size
⇧ CTRL < and ⇧ CTRL >
Change font weight
Alt CTRL < and Alt CTRL >
Adjust letter spacing
Alt < and Alt >
Adjust line spacing
⇧ Alt < and ⇧ Alt >
Shape figma shortcuts keys
Description
Shortcut keys
Pen
P
Pencil
⇧ P
Paint bucket
B
Bend tool
CTRL
Remove fill
Alt /
Remove stroke
/
Swap fill and stroke
⇧ X
Outline stroke
⇧ CTRL O
Flatten selection
CTRL E
Join selection
CTRL J
Smooth join selection
⇧ CTRL J
Delete and heal selection
⇧ Delete
Selection figma shortcuts keys
Description
Shortcut keys
Select alll
CTRL A
Select inverse
⇧ CTRL A
Select none
Esc
Deep select
CTRL Click
Select layer menu
Right click CTRL
Group selections
CTRL G
Ungroup selection
⇧ CTRL G
Frame selection
Alt CTRL G
Show / Hide selection
⇧ CTRL H
Lock / Unlock selection
⇧ CTRL L
Cursor figma shortcuts keys
Description
Shortcut keys
Measure to selection (while pointing
Alt
Duplicate selection (while moving)
Alt
Deep select
CTRL Click
Select layer menu
CTRL Right click
Deep select inside rectangle
CTRL Drag
Resize from center (while dragging)
Alt
Resize proportionally (while dragging)
⇧
Move while resizing (while dragging)
Space
Ignore constraints (frames only, while dragging)
v CTRL
Edit figma shortcuts keys
Description
Shortcut keys
Cut
CTRL X
Paste
CTRL V
Paste over selection
⇧ CTRL V
Duplicate
CTRL D
Rename selection
CTRL R
Export
⇧ CTRL E
Copy properties
Alt CTRL C
Paste properties
Alt CTRL V
Copy as PNG
⇧ CTRL C
Transform figma shortcuts keys
Description
Shortcut keys
Flip horizontal
⇧ H
Flip vertical
⇧ V
Use a mask
⌃ CTRL M
Edit shape or image
↩
Place image
⇧ CTRL K
Crop image
Alt Double Click
Set opacity to 10
1
Set opacity to 50
5
Set opacity to 100
0
Arrange figma shortcuts keys
Description
Shortcut keys
Bring forward
CONTROL ]
Send back
CONTROL [
Bring to front
Alt CTRL [
Send to the background
Alt CTRL ]
Align left
Alt A
Align right
Alt D
Align top
Alt W
Align bottom
Alt S
Align centers
Alt H and Alt V
Spread spacing
⌃ Alt H and ⌃ Alt V
Tidy
⌃ Alt T
Add auto layout
⇧ A
Remove auto layout
Alt ⇧ A
Components figma shortcuts keys
Description
Shortcut keys
Show assets
Alt 2
Team library
Alt CTRL O
Create component
Alt CTRL K
Show components menu
Alt I
Detach intense
Alt CTRL B
Conclusion: Design Like a Pro with Figma Shortcuts
Alright, design champs, you’ve got the lowdown on 100+ Figma Shortcuts! These aren’t just random keys; they’re like little design superheroes making your life easier.
With these shortcuts in your toolkit, designing is not just designing—it’s designing like a boss. Whether you’re a design ninja or just getting the hang of things, these shortcuts are your secret sauce for creating amazing designs without any hassle.
So, next time you’re in Figma, remember these shortcuts. They’re not just tricks; they’re your ticket to designing like a pro. Happy designing, friends! ????????