Figma is an industry led tool used by thousands of people as a the best collaborative design tool that enables designers and teams to create, prototype, and share user interfaces. It offers real-time collaboration, vector editing capabilities, and a comprehensive set of design features.
New File
⌘ N
Save
⌘ S
Save As
⇧ ⌘ S
Export
⌘ E
⌘ P
Undo
⌘ Z
Redo
⇧ ⌘ Z
Cut
⌘ X
Copy
⌘ C
Paste
⌘ V
Paste Over Selection
⇧ ⌘ V
Duplicate
⌘ D
Delete
Delete or Backspace
Select All
⌘ A
Select None
⌘ ⇧ A
Select Children
⌘ Enter
Select Parent
⌘ ↑
Select Next Sibling
Tab
Select Previous Sibling
⇧ Tab
Zoom In
⌘ +
Zoom Out
⌘ -
Zoom to 100%
⌘ 0
Zoom to Fit
⌘ 1
Zoom to Selection
⌘ 2
Show/Hide UI
⌘ \
Show/Hide Grid
⌃ G
Show/Hide Rulers
⇧ R
Show/Hide Outlines
⌘ Y
Pixel Preview
⌃ P
Group Selection
⌘ G
Ungroup Selection
⌘ ⇧ G
Frame Selection
⌘ ⌥ G
Show/Hide Layout Grid
⌃ ⌘ 4
Toggle Auto-Layout
⇧ A
Align Left
⌥ A
Align Right
⌥ D
Align Top
⌥ W
Align Bottom
⌥ S
Align Horizontal Center
⌥ H
Align Vertical Center
⌥ V
Horizontal Spacing
⌃ ⌥ H
Vertical Spacing
⌃ ⌥ V
Flip Horizontal
⇧ H
Flip Vertical
⇧ V
Use as Mask
⌃ ⌘ M
Rotate 90° Clockwise
⇧ ⌘ R
Bold
⌘ B
Italic
⌘ I
Underline
⌘ U
Increase Font Size
⌘ ⇧ >
Decrease Font Size
⌘ ⇧ <
Create Component
⌥ ⌘ K
Detach Instance
⌥ ⌘ B
Reset Instance
⌥ ⌘ R
Show Code Panel
⌥ ⌘ C
Toggle Developer Mode
⌥ ⌘ D
Toggle Left Sidebar
⌘ /
Toggle Right Sidebar
⌘ .
Show/Hide Properties Panel
⌘ ⇧ I
New File
CTRL N
Save
CTRL S
Save As
⇧ CTRL S
Export
CTRL E
CTRL P
Undo
CTRL Z
Redo
⇧ CTRL Z
Cut
CTRL X
Copy
CTRL C
Paste
CTRL V
Paste Over Selection
⇧ CTRL V
Duplicate
CTRL D
Delete
Delete or Backspace
Select All
CTRL A
Select None
CTRL ⇧ A
Select Children
CTRL Enter
Select Parent
CTRL ↑
Select Next Sibling
Tab
Select Previous Sibling
⇧ Tab
Zoom In
CTRL +
Zoom Out
CTRL -
Zoom to 100%
CTRL 0
Zoom to Fit
CTRL 1
Zoom to Selection
CTRL 2
Show/Hide UI
CTRL \
Show/Hide Grid
⌃ G
Show/Hide Rulers
⇧ R
Show/Hide Outlines
CTRL Y
Pixel Preview
⌃ P
Group Selection
CTRL G
Ungroup Selection
CTRL ⇧ G
Frame Selection
CTRL ALT G
Show/Hide Layout Grid
⌃ CTRL 4
Toggle Auto-Layout
⇧ A
Align Left
ALT A
Align Right
ALT D
Align Top
ALT W
Align Bottom
ALT S
Align Horizontal Center
ALT H
Align Vertical Center
ALT V
Horizontal Spacing
⌃ ALT H
Vertical Spacing
⌃ ALT V
Flip Horizontal
⇧ H
Flip Vertical
⇧ V
Use as Mask
⌃ CTRL M
Rotate 90° Clockwise
⇧ CTRL R
Bold
CTRL B
Italic
CTRL I
Underline
CTRL U
Increase Font Size
CTRL ⇧ >
Decrease Font Size
CTRL ⇧ <
Create Component
ALT CTRL K
Detach Instance
ALT CTRL B
Reset Instance
ALT CTRL R
Show Code Panel
ALT CTRL C
Toggle Developer Mode
ALT CTRL D
Toggle Left Sidebar
CTRL /
Toggle Right Sidebar
CTRL .
Show/Hide Properties Panel
CTRL ⇧ I
Figma offers a comprehensive set of tools and keyboard shortcuts spanning multiple categories. These include essential file operations for managing documents, editing tools for basic manipulations, powerful selection controls, view management options, layout and alignment tools, transformation capabilities, text editing features, component management, and developer tools. The interface can be customized through various panel controls, and all these functions are accessible through intuitive keyboard shortcuts to enhance workflow efficiency.
Treat us to a coffee