Figma

Figma, launched in 2016, transformed the design world by offering a browser-based platform for UI/UX design. Unlike other tools, Figma enables real-time collaboration, letting designers, developers, and stakeholders edit a project simultaneously—like Google Docs for design! Fun fact: Figma’s name comes from “Figure” and “Gamma,” symbolizing visual precision. Today, it’s the go-to tool for over 4 million users worldwide, breaking barriers in collaborative and creative workflows.

Shortcuts

Common

WindowMacDescription
V
V
Move
K
K
Scale
F
F
Frame(or, A)
ShiftS
S
Section
S
S
Slice
R
R
Rectangle
L
L
Line
ShiftL
L
Arrow
O
O
Ellipse
CtrlShiftK
K
Place image
P
P
Pen
ShiftP
P
Pencil
T
T
Text
ShiftI
I
Resources
H
H
Hand
C
C
Add comment
I
I
Pick color
Ctrl/
/
Quick actions
CtrlAltP
P
Run last plugin

View

WindowMacDescription
\
\
Show/Hide UI(Editor and presentation mode)
CtrlShift\
\
Minimize UI
CtrlAlt\
\
Multiplayer cursors
ShiftR
R
Rulers
CtrlShiftY
Y
Show outlines
CtrlShiftP
P
Pixel preview
ShiftG
G
Layout grids
Shift'
'
Pixel grid
AltL
L
Collapse layers
Alt1
1
Layers panel
Alt2
2
Assets panel
CtrlF
F
Find and replace
Alt3
3
Libraries
Alt8
8
Design panel
Alt9
9
Prototype panel
Alt0
0
Inspect panel
ShiftE
E
Toggle design/prototype panel
ShiftC
C
Show/Hide comments
CtrlShift\
\
Show/Hide left panel
CtrlAltEnter
Present (play the prototype)
ShiftSpace
Space
Preview (play the prototype on the canvas)
CtrlAlt
Switch between files
PgUpPgDn
Switch between pages
ShiftD
D
Dev mode/Design mode

Zoom

WindowMacDescription
+
+
Zoom in
-
-
Zoom out
Ctrl0
0
Zoom to 100%
Shift1
1
Zoom to fit
Shift2
2
Zoom to selection
ShiftN
N
Zoom to previous frame
N
N
Zoom to next frame

Text

WindowMacDescription
CtrlB
B
Bold
CtrlI
I
Italic
CtrlU
U
Underline
CtrlShiftX
X
Strikethrough
CtrlShiftU
U
Create link
CtrlShift8
8
Bulleted list\
CtrlShift7
7
Numbered list
CtrlAltL
L
Text align left
CtrlAltT
T
Text align center
CtrlAltR
R
Text align right
CtrlAltJ
J
Text align justified
Ctrl[
[
Decrease indentation
Ctrl]
]
Increase indentation
CtrlShift.
.
Increase font size
CtrlShift,
,
Decrease font size
CtrlAlt.
.
Increase font weight
CtrlAlt,
,
Decrease font weight
AltShift.
.
Increase line height
AltShift,
,
Decrease line height
Alt.
.
Increase letter spacing
Alt,
,
Decrease letter spacing

Shape

WindowMacDescription
B
B
Paint bucket
Ctrl
Bend tool
Alt/
/
Remove fill
Shift/
/
Remove stroke
ShiftX
X
Swap fill and stroke
CtrlJ
J
Join selection
CtrlShiftJ
J
Smooth join selection
ShiftDel
Del
Delete and heal selection
CtrlE
E
Flatten selection

Selection

WindowMacDescription
Ctrl
Deep select
CtrlA
A
Select all
CtrlShiftA
A
Select inverse
Esc
Select none
Enter
Select children
ShiftEnter
Select parent
Tab
Select next sibling
ShiftTab
Select previous sibling
CtrlAltA
A
Select all matching layers
CtrlG
G
Group selection
CtrlShiftG
G
Ungroup selection
CtrlAltG
G
Frame selection
CtrlShiftH
H
Show/Hide selection
CtrlShiftL
L
Lock/Unlock selection

Cursor

WindowMacDescription
Alt
Measure to selection / Duplicate selection / Resize from center
Shift
Resize proportionally
Ctrl
Crop image / Ignore constraints (frames)
Space
Space
Move while resizing

Edit

WindowMacDescription
CtrlC
C
Copy
CtrlX
X
Cut
CtrlV
V
Paste
CtrlShiftR
R
Paste to replace
CtrlShiftV
V
Paste over selection
CtrlD
D
Duplicate
CtrlR
R
Rename
CtrlShiftE
E
Export
CtrlShiftC
C
Copy as PNG
CtrlAltC
C
Copy properties
CtrlAltV
V
Paste properties

Transform

WindowMacDescription
ShiftH
H
Flip horizontal
ShiftV
V
Flip vertical
CtrlAltM
M
Use as mask
Enter
Edit shape or image
CtrlAltShiftR
R
Resize the frame to fit
00
00
Set opacity to 0%
1
1
Set opacity to 10%
2
2
Set opacity to 20%
3
3
Set opacity to 30%
4
4
Set opacity to 40%
5
5
Set opacity to 50%
6
6
Set opacity to 60%
7
7
Set opacity to 70%
8
8
Set opacity to 80%
9
9
Set opacity to 90%
0
0
Set opacity to 100%

Arrange

WindowMacDescription
AltA
A
Align left
AltH
H
Align horizontal centers
AltD
D
Align right
AltW
W
Align top
AltV
V
Align vertical centers
AltS
S
Align bottom
CtrlAltT
T
Tidy up
CtrlAltH
H
Distribute horizontal spacing
CtrlAltV
V
Distribute vertical spacing
CtrlShift]
]
Bring to front
CtrlShift[
[
Send to back
Ctrl]
]
Bring forward
Ctrl[
[
Send backward

Components

WindowMacDescription
Alt2
2
Show assets
CtrlAltO
O
Libraries
CtrlAltK
K
Create component
CtrlAltB
B
Detach instance
Alt
Swap component instance While inserting a component

Auto layout

WindowMacDescription
ShiftA
A
Add auto layout
AltShiftA
A
Remove auto layout
CtrlAltShiftA
A
Suggest auto layout
Alt
Edit both padding sides
AltShift
Edit all padding sides
Ctrl
Single padding field
Arrow Keys
Set alignment stepwise
Ctrl
Open Menu to allow toggling