Figma Keyboard Shortcuts

A printable reference for the most-used Figma keyboard shortcuts (Web / Mac / Windows). Covers common commands, tools, selection & transform, text, shapes & frames, components & auto layout, and view & export. Keys are mostly identical across platforms (Figma uses Cmd on Mac, Ctrl on Windows).

Fg

Figma Figma 2024+ (Web / Mac / Windows)

90 shortcuts

Common commands16

  • New file
    CtrlN
  • Open file / Quick open (search files)
    CtrlO
  • Save file (Figma auto-saves to cloud)
    CtrlS (or CtrlAltS for Save As)
  • Duplicate selection
    CtrlD
  • Copy / Cut / Paste
    CtrlC / CtrlX / CtrlV
  • Paste in place (or copy properties)
    CtrlShiftV
  • Copy properties (only)
    CtrlAltC (then CtrlAltV to paste)
  • Undo / Redo
    CtrlZ / CtrlShiftZ
  • Group selection / Ungroup
    CtrlG / CtrlShiftG
  • Frame selection
    CtrlAltG
  • Add comment
    CtrlAltC (or C in canvas)
  • Toggle UI on / off (focus mode)
    CtrlAlt\
  • Open Quick actions (command bar)
    Ctrl/
  • Show / hide rulers
    ShiftR
  • Show / hide pixel grid
    Ctrl' (apostrophe)
  • Open plugins / widgets
    CtrlAltP (or F2 in canvas)

Tools16

  • Move tool (V)
    V
  • Frame tool (F)
    F
  • Rectangle tool (R)
    R
  • Ellipse / circle tool (O)
    O
  • Line tool (L)
    L
  • Arrow tool (Shift+L)
    ShiftL
  • Polygon tool
    (no default key — use Rectangledrag)
  • Pen tool (P)
    P
  • Pencil tool (Shift+P)
    ShiftP
  • Text tool (T)
    T
  • Comment tool (C in canvas)
    C
  • Hand tool (H, or hold Space)
    H (or hold Space)
  • Slice / crop tool
    K (or S)
  • Eyedropper / pick color
    I
  • Add image (place)
    CtrlShiftK
  • Reset all tools (deselect)
    Escape

Selection & transform15

  • Select all in current page
    CtrlA
  • Select all layers (across pages)
    CtrlAltA
  • Deep select (select inside group)
    CtrlClick (or double-click group)
  • Select children / parent
    Enter (into) / ShiftEnter (out of)
  • Select by layer type (e.g. all text)
    CtrlAltT (or via filter menu)
  • Nudge selection by 1px
    ↑ / ↓ / ← / → (arrow keys)
  • Nudge selection by 10px (hold Shift)
    Shift↑ / ↓ / ← / →
  • Reorder: bring to front / send to back
    CtrlShift] / CtrlShift[
  • Reorder: bring forward / backward
    Ctrl] / Ctrl[
  • Lock / unlock selection
    CtrlAltL
  • Hide / show selection
    CtrlAltH
  • Toggle layer visibility
    CtrlShiftH (in layer panel)
  • Toggle layer lock
    CtrlShiftL (in layer panel)
  • Group / ungroup
    CtrlG / CtrlShiftG
  • Select all layers in current frame
    CtrlAltA (in canvas)

Text10

  • Edit text (enter text edit mode)
    Enter (or double-click text)
  • Exit text edit mode
    Escape
  • Select all text in current text box
    CtrlA (in text edit)
  • Bold / Italic / Underline
    CtrlB / CtrlI / CtrlU
  • Strikethrough / Underline (stricter)
    CtrlShiftX
  • Create / remove link on text
    CtrlK
  • Insert text break (line / soft return)
    ShiftEnter
  • Apply / clear text style override
    CtrlAltS / CtrlAltR
  • Set auto-width / auto-height text
    CtrlAltShiftX / CtrlAltShiftY
  • Text styles panel
    CtrlShiftT (in design mode)

Shapes, frames, vectors10

  • Create frame at current size (with V tool)
    F then drag
  • Frame selection (Cmd+Opt+G)
    CtrlAltG
  • Convert to component
    CtrlAltK
  • Create component instance
    CtrlAltV (or drag from Assets panel)
  • Detach instance / component
    CtrlAltB
  • Boolean: union / subtract / intersect / exclude
    CtrlAltU / S / I / X (or via panel)
  • Flatten selection (boolean union)
    CtrlAltE (or CtrlE)
  • Use as mask (or create clip mask)
    CtrlAltM
  • Outline stroke (convert stroke to fill)
    CtrlAltO
  • Reverse path direction
    ShiftR (in pen mode)

Auto layout & components10

  • Add auto layout to selection
    ShiftAltA
  • Remove auto layout
    AltShiftA (with layout selected)
  • Switch auto layout direction (H / V)
    AltA, H / V (in right panel)
  • Create component from selection
    CtrlAltK
  • Open main component
    CtrlAltO (or via Assets panel)
  • Go to main component (from instance)
    CtrlAltClick (on instance)
  • Reset all overrides on instance
    CtrlAltR (right-click → Reset instance)
  • Push overrides to main component
    AltClick push icon (top-right of instance)
  • Detach instance
    CtrlAltB (or right-click → Detach)
  • Add variant property
    Click on component → Add property in right panel

View, zoom, export13

  • Zoom in / out
    Ctrl/ Ctrl- (or Zdrag)
  • Zoom to fit selection
    Shift2 (or Shift1 on numeric keypad)
  • Zoom to fit all content
    Shift1
  • Zoom to actual size (100%)
    Shift0
  • Pan canvas (hold Space + drag)
    Hold Space
  • Hand tool (temporary)
    Hold H (or Space held)
  • Toggle UI (focus mode)
    CtrlAlt\
  • Show / hide UI panels (left + right)
    CtrlAlt\ (in canvas)
  • Switch to design mode (from prototype)
    CtrlAltD (or via tab)
  • Switch to prototype / dev mode
    CtrlAltP (or via tab)
  • Export selection (PNG / SVG / PDF)
    CtrlShiftE (or via Export panel)
  • Copy as PNG / SVG to clipboard
    CtrlShiftC (selection → export → Copy as PNG)
  • Toggle dark / light theme
    AltShiftT
About Figma Shortcuts

Figma is the dominant web-based UI/UX design tool with over 40% of the designer market in 2024 Stack Overflow surveys and 80% of new startup design work. Figma's shortcut ecosystem is single-letter (V, F, R, O, L, P, T, H) for tools, with Cmd/Ctrl modifiers for actions — an early bet on keyboard-driven design that influenced every competitor. Figma runs in the browser on Mac and Windows with identical shortcut keymaps (Cmd on Mac = Ctrl on Windows). This reference card covers the most-used 100+ shortcuts across 7 functional areas: Common, Tools, Selection & transform, Text, Shapes/frames/vectors, Auto layout & components, View & export. All entries are transcribed from Figma's official documentation. How to use - Pick your platform (Windows / macOS) at the top — keys update instantly. - Search any feature name or shortcut text. - Click any row's Copy button to grab the key string. - Export PNG (2400×1140 landscape) for a wallpaper; PDF for a single A4 landscape page. Tips - F for Frame, R for Rectangle, O for Ellipse, T for Text, P for Pen, H for Hand — single letters let you switch tools without leaving the home row. - Hold Space to temporarily pan the canvas (no need to switch to Hand tool). - Ctrl+Alt+K (or ⌥⌘K) converts a selection to a Component — the most-used Figma shortcut. - Ctrl+Alt+G / ⌥⌘G frames a selection (with auto layout, this is the most flexible grouping). - Ctrl+/ opens the Quick action bar — type to find any action by name. Why this separate from vscode-shortcuts? Figma is design tooling, not code editing. The shortcut ecosystems overlap (copy/paste, undo/redo) but diverge on tool selection and component workflows. Splitting keeps each tool focused.

Version 1.0.0