Export High-Res PDF
Switch to Light Mode
SkillSnap Official GuideUpdated 7/24/2026
Figma
The collaborative interface design tool. Master Auto Layout and Component shortcuts to speed up your design system workflow.
Essential Tools
Move ToolV
Frame ToolF
Text ToolT
Rectangle / Ellipse / LineR / O / L
Pen / Pencil ToolP / Shift + P
Add CommentC
Pick ColorI
Quick Actions / SearchCtrl / Cmd + /
View & Navigation
Show / Hide RulersShift + R
Show / Hide UICtrl / Cmd + \
Show / Hide OutlinesShift + O
Open Layers PanelAlt / Opt + 1
Open Assets PanelAlt / Opt + 2
Pan ViewSpace + Drag
Zoom to FitShift + 1
Zoom to SelectionShift + 2
Zoom to 100%Shift + 0
Edit & Transform
Duplicate SelectionCtrl / Cmd + D
Rename SelectionCtrl / Cmd + R
Copy PropertiesCtrl / Cmd + Alt / Opt + C
Paste PropertiesCtrl / Cmd + Alt / Opt + V
Flip Horizontal / VerticalShift + H / V
Outline StrokeCtrl / Cmd + Shift + O
Flatten SelectionCtrl / Cmd + E
Group SelectionCtrl / Cmd + G
Ungroup SelectionCtrl / Cmd + Shift + G
Frame SelectionCtrl / Cmd + Alt / Opt + G
Components & Auto Layout
Add Auto LayoutShift + A
Remove Auto LayoutAlt / Opt + Shift + A
Create ComponentCtrl / Cmd + Alt / Opt + K
Detach InstanceCtrl / Cmd + Alt / Opt + B
Show Components MenuShift + I
Text Formatting
BoldCtrl / Cmd + B
ItalicCtrl / Cmd + I
UnderlineCtrl / Cmd + U
Adjust Font SizeCtrl / Cmd + Shift + < / >
Adjust Letter SpacingAlt / Opt + < / >
Text Align CenterAlt / Opt + Ctrl / Cmd + T
Text Align Left / RightAlt / Opt + Ctrl / Cmd + L / R