Cheatsheets: Figma Keyboard Shortcuts Cheatsheet — Printable PDF Reference

Q: How do I create a component in Figma?

Select one or more layers, then press Ctrl+Alt+K (Windows/Linux) or Cmd+Alt+K (macOS). The selected layers become a Component (appears as a diamond icon in the layers panel). Instances of the component stay linked — edits to the main component update all instances automatically.

Q: How do I export a layer in Figma?

Select the layer, then press Ctrl+Shift+E (Windows/Linux) or Cmd+Shift+E (macOS) to open the export dialog. Choose format (PNG, JPG, SVG, PDF), scale, and suffix. For quick copy, use Ctrl+Alt+Shift+C / Cmd+Alt+Shift+C to copy as PNG directly to clipboard.

Cheatsheets & Quick References

Figma Keyboard Shortcuts Cheatsheet — Printable PDF Reference

DodaTech Updated Jun 20, 2026 4 min read

📄 Printable PDF: Use your browser’s Print (Ctrl+P / Cmd+P) → “Save as PDF” to get a printer-friendly PDF of this Figma shortcut cheatsheet.

Complete Figma keyboard shortcuts for design, prototyping, components, text editing, and layout management. Windows/Linux shortcuts listed first; macOS in parentheses.

Navigation & Zoom

Shortcut	What it does
`Space` + drag	Pan canvas
`Ctrl+0` (`Cmd+0`)	Zoom to fit
`Ctrl+1` (`Cmd+1`)	Zoom to 100%
`Ctrl+2` (`Cmd+2`)	Zoom to 200%
`Ctrl+3` (`Cmd+3`)	Zoom to 300%
`Ctrl++` / `Ctrl+-`	Zoom in / out
`Ctrl+Shift+0` (`Cmd+Shift+0`)	Zoom to fit selection
`Shift+1`	Show all layers in page
`N`	Toggle between default and comment mode
`Ctrl+Tab` (`Cmd+Tab`)	Switch between open files
`Shift+G`	Show / hide grid layout

Design Tools

Shortcut	What it does
`V`	Move tool
`F`	Frame tool
`R`	Rectangle tool
`O`	Ellipse tool
`L`	Line tool
`Shift+L`	Arrow tool
`P`	Pen tool
`Shift+P`	Pencil tool
`T`	Text tool
`U`	Place image / video
`Ctrl+B` (`Cmd+B`)	Bold
`I`	Eyedropper (color picker)
`S`	Slice tool
`H`	Hand (pan) tool
`K`	Scale tool

Layers & Groups

Shortcut	What it does
`Ctrl+G` (`Cmd+G`)	Group selection
`Ctrl+Shift+G` (`Cmd+Shift+G`)	Ungroup
`Ctrl+Alt+G` (`Cmd+Alt+G`)	Frame selection
`Ctrl+]` (`Cmd+]`)	Bring forward
`Ctrl+[` (`Cmd+[`)	Send backward
`Ctrl+Shift+]` (`Cmd+Shift+]`)	Bring to front
`Ctrl+Shift+[` (`Cmd+Shift+[`)	Send to back
`Ctrl+R` (`Cmd+R`)	Rename layer
`Enter`	Enter selected group / frame
`Shift+Enter`	Exit group / frame
`Ctrl+Click` (`Cmd+Click`)	Select layer behind
`Tab`	Select next layer
`Shift+Tab`	Select previous layer
`Ctrl+Shift+H` (`Cmd+Shift+H`)	Show / hide selection

Text Editing

Shortcut	What it does
`Enter`	Edit text (double-click)
`Esc`	Finish editing
`Ctrl+Shift+X` (`Cmd+Shift+X`)	Strikethrough
`Ctrl+Shift+O` (`Cmd+Shift+O`)	Convert to outlines
`Ctrl+B` (`Cmd+B`)	Bold
`Ctrl+I` (`Cmd+I`)	Italic
`Ctrl+U` (`Cmd+U`)	Underline
`Ctrl+Shift+,` / `.`	Decrease / increase font size
`Alt+↓ / ↑`	Decrease / increase line height
`Alt+← / →`	Decrease / increase letter spacing
`Ctrl+Shift+Home` (`Cmd+Shift+↑`)	Align text top
`Ctrl+Shift+End` (`Cmd+Shift+↓`)	Align text bottom

Alignment & Distribution

Shortcut	What it does
`Alt+H` / `V`	Align left / top edges
`Alt+H` / `V` (pressed twice)	Align center / middle
`Alt+H` / `V` (pressed three times)	Align right / bottom
`Ctrl+Alt+H` (`Cmd+Alt+H`)	Distribute horizontally
`Ctrl+Alt+V` (`Cmd+Alt+V`)	Distribute vertically
`Ctrl+Shift+↓`	Tidy up (auto-arrange)
`Ctrl+Shift+↑`	Tidy down
`Ctrl+Shift+←`	Tidy left
`Ctrl+Shift+→`	Tidy right

Components & Variants

Shortcut	What it does
`Ctrl+Alt+K` (`Cmd+Alt+K`)	Create component
`Ctrl+Alt+B` (`Cmd+Alt+B`)	Detach instance
`Alt+{n}`	Swap to variant n (main component)
`Enter`	Edit main component from instance
`Shift+O`	Override component property
`Ctrl+D` (`Cmd+D`)	Duplicate (also works on instances)
`Ctrl+Shift+R` (`Cmd+Shift+R`)	Reset instance to main component

Prototyping

Shortcut	What it does
`Ctrl+Tab` (`Cmd+Tab`)	Switch between Design / Prototype / Inspect
`Shift+E`	Show prototype settings
`Ctrl+Shift+P` (`Cmd+Shift+P`)	Present prototype
`→ / ← / ↑ / ↓`	Navigate prototype flow
`Esc`	Exit prototype presentation
`Ctrl+Shift+?` (`Cmd+Shift+?`)	Show / hide prototype interactions

Color & Effects

Shortcut	What it does
`Ctrl+Shift+C` (`Cmd+Shift+C`)	Copy fill color
`Ctrl+Shift+V` (`Cmd+Shift+V`)	Paste fill color
`I`	Eyedropper (pick color from anywhere)
`Ctrl+Shift+1` (`Cmd+Shift+1`)	Show / hide fills
`Ctrl+Shift+2` (`Cmd+Shift+2`)	Show / hide strokes
`Ctrl+Shift+3` (`Cmd+Shift+3`)	Show / hide shadows
`Ctrl+Shift+4` (`Cmd+Shift+4`)	Show / hide layer effects
`/`	Toggle fill / stroke

Export

Shortcut	What it does
`Ctrl+Shift+E` (`Cmd+Shift+E`)	Export selected layers
`Ctrl+E` (`Cmd+E`)	Export (single layer)
`Ctrl+Alt+Shift+C` (`Cmd+Alt+Shift+C`)	Copy as PNG
`Ctrl+Alt+Shift+S` (`Cmd+Alt+Shift+S`)	Copy as SVG
`Ctrl+Alt+Shift+P` (`Cmd+Alt+Shift+P`)	Copy as PDF

Boolean Operations

Shortcut	What it does
`Ctrl+Alt+U` (`Cmd+Alt+U`)	Union selection
`Ctrl+Alt+Shift+U` (`Cmd+Alt+Shift+U`)	Subtract selection
`Ctrl+Alt+I` (`Cmd+Alt+I`)	Intersect selection
`Ctrl+Alt+X` (`Cmd+Alt+X`)	Exclude selection
`Ctrl+Alt+E` (`Cmd+Alt+E`)	Flatten selection

How do I create a component in Figma?

Select one or more layers, then press Ctrl+Alt+K (Windows/Linux) or Cmd+Alt+K (macOS). The selected layers become a Component (appears as a diamond icon in the layers panel). Instances of the component stay linked — edits to the main component update all instances automatically.

How do I export a layer in Figma?

Select the layer, then press Ctrl+Shift+E (Windows/Linux) or Cmd+Shift+E (macOS) to open the export dialog. Choose format (PNG, JPG, SVG, PDF), scale, and suffix. For quick copy, use Ctrl+Alt+Shift+C / Cmd+Alt+Shift+C to copy as PNG directly to clipboard.

See the full Figma guide for advanced design workflows.

Previous IntelliJ IDEA Keyboard Shortcuts Cheatsheet — Printable PDF Reference Next Excel Keyboard Shortcuts Cheatsheet — Printable PDF Reference

Built by the developers of DodaTech

Doda Browser, DodaZIP & Durga Antivirus Pro

Home Browse Cheatsheets & Quick References