Learn
50 shortcuts · 0 practiced
Undo
GeneralUndo the last action.
Redo
GeneralRedo the last undone action.
Copy
GeneralCopy the selected layer.
Paste
GeneralPaste the copied layer.
Duplicate
GeneralDuplicate the selected layers.
Delete
GeneralDelete selected layers.
Select All
GeneralSelect all layers in the frame.
Frame Tool
ToolsSwitch to the frame tool.
Rectangle Tool
ToolsSwitch to the rectangle tool.
Ellipse Tool
ToolsSwitch to the ellipse tool.
Line Tool
ToolsSwitch to the line tool.
Pen Tool
ToolsSwitch to the pen tool.
Text Tool
ToolsSwitch to the text tool.
Move Tool
ToolsSwitch to the move tool.
Scale Tool
ToolsSwitch to the scale tool.
Hand Tool
ToolsSwitch to the hand tool for panning.
Comment Tool
ToolsSwitch to the comment tool.
Group Selection
LayersGroup the selected layers.
Ungroup
LayersUngroup the selected group.
Frame Selection
LayersWrap selection in a frame.
Bring Forward
LayersMove the layer forward in the stack.
Send Backward
LayersMove the layer backward in the stack.
Bring to Front
LayersMove the layer to the front.
Send to Back
LayersMove the layer to the back.
Show/Hide Layer
LayersToggle visibility of the selected layer.
Lock/Unlock Layer
LayersToggle lock on the selected layer.
Zoom In
ViewZoom into the canvas.
Zoom Out
ViewZoom out of the canvas.
Zoom to Fit
ViewZoom to fit all content.
Zoom to Selection
ViewZoom to fit the selected element.
Zoom to 100%
ViewReset zoom to 100%.
Toggle UI
ViewShow or hide the Figma UI panels.
Quick Actions
NavigationOpen the quick actions search bar.
Create Component
ComponentsCreate a component from selection.
Detach Instance
ComponentsDetach the selected component instance.
Union Selection
BooleanCreate a union of selected shapes.
Flatten Selection
BooleanFlatten the selected layers.
Bold Text
TextToggle bold on selected text.
Italic Text
TextToggle italic on selected text.
Underline Text
TextToggle underline on selected text.
Color Picker
ToolsActivate the color picker / eyedropper.
Rename Layer
LayersRename the selected layer.
Copy as CSS
DevCopy CSS properties of the selection.
Align Left
AlignmentAlign selected layers to the left.
Align Center Horizontal
AlignmentAlign selected layers to horizontal center.
Align Right
AlignmentAlign selected layers to the right.
Align Top
AlignmentAlign selected layers to the top.
Align Center Vertical
AlignmentAlign selected layers to vertical center.
Add Auto Layout
LayoutAdd auto layout to the selected frame.
Remove Auto Layout
LayoutRemove auto layout from the selected frame.