Figma is a vector graphics editor and prototyping tool which is primarily web-based, with additional offline features enabled by desktop applications.
97
Shortcuts
93
Matching
set opacity to 100%
0
set opacity to 10%
1
set opacity to 50%
5
show/hide ui
^
\
pick color / copy
^
C
search menu
^
/
move tool
V
frame tool
F
pen tool
P
pencil tool
⇧
P
text tool
T
rectangle tool
R
ellipse tool
O
line tool
L
arrow tool
⇧
L
add/show comments
C
slice tool
S
toggle rulers
⇧
R
show outlines
^
Y
pixel preview
^
P
layout grids / group selection
^
G
pixel grid
^
'
show multiplayer cursors
^
⎇
\
show layers
⎇
1
show components
⎇
2
show team library
⎇
3
zoom in
+
zoom out
-
zoom to 100%
⇧
0
zoom to fit
⇧
1
zoom to selection
⇧
2
zoom to previous frame
⇧
N
zoom to next frame
N
previous page
⇞
next page
⇟
find previous frame
↖
find next frame
↘
bold
^
B
italic
^
I
underline
^
U
paste and match style / paste over selection
⇧
^
V
text alight left
^
⎇
L
text align center / tidy up
^
⎇
T
text align right
^
⎇
R
text align justified
^
⎇
J
adjust font size
⇧
^
</>
adjust letter spacing
⎇
,
adjust letter spacing
⎇
.
adjust line height
⇧
⎇
>
adjust line height
⇧
⎇
<
paint bucket (while editing shape)
B
remove fill
⎇
/
remove stroke
/
swap fill and stroke
⇧
X
outline stroke / team library
⇧
^
O
flatten selection
^
E
join selection (after selecting points)
^
J
smooth join selection (after selecting points)
⇧
^
J
delete and heal selection (after selecting points)
⇧
⌫
select all
^
A
select inverse
⇧
^
A
select none
⎋
select child / edit shape or image
↵
select parents
⇧
↵
select next sibling
↹
select previous sibling
⇧
↹
ungroup selection
⇧
^
G
frame selection
^
⎇
G
show/hide selection
⇧
^
H
lock/unlock selection
⇧
^
L
measure to selection / duplicate selection (while pointing) / resize from center (while resizing) / swap component instance (while dragging from assets)
⎇
bend tool (while editing shape) / deep select / select layer menu (while clicking) / ignore constraints (frames only)
^
resize proportionally (while resizing)
⇧
move while resizing
␣
cut
^
X
paste
^
V
duplicate selection in place
^
D
rename selection
^
R
export
⇧
^
E
copy properties
^
⎇
C
paste properties / distribute vertical spacing
^
⎇
V
flip horizontal
⇧
H
flip vertical
⇧
V
use as mask
^
M
place image / create component
⇧
^
K
bring forward
^
]
send backward
^
[
bring to front
^
⎇
]
send to back
^
⎇
[
align left
⎇
A
align right
⎇
D
align top
⎇
W
align bottom
⎇
S
align horizontal centers
⎇
H
align vertical centers
⎇
V
distribute horizontal spacing
^
⎇
H
detach instance
⇧
^
B
Don't see your shortcut? Learn how to contribute.