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).
Figma Figma 2024+ (Web / Mac / Windows)
90 shortcuts
Common commands16
- New fileCtrlN
- Open file / Quick open (search files)CtrlO
- Save file (Figma auto-saves to cloud)CtrlS (or CtrlAltS for Save As)
- Duplicate selectionCtrlD
- Copy / Cut / PasteCtrlC / CtrlX / CtrlV
- Paste in place (or copy properties)CtrlShiftV
- Copy properties (only)CtrlAltC (then CtrlAltV to paste)
- Undo / RedoCtrlZ / CtrlShiftZ
- Group selection / UngroupCtrlG / CtrlShiftG
- Frame selectionCtrlAltG
- Add commentCtrlAltC (or C in canvas)
- Toggle UI on / off (focus mode)CtrlAlt\
- Open Quick actions (command bar)Ctrl/
- Show / hide rulersShiftR
- Show / hide pixel gridCtrl' (apostrophe)
- Open plugins / widgetsCtrlAltP (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 toolK (or S)
- Eyedropper / pick colorI
- Add image (place)CtrlShiftK
- Reset all tools (deselect)Escape
Selection & transform15
- Select all in current pageCtrlA
- Select all layers (across pages)CtrlAltA
- Deep select (select inside group)CtrlClick (or double-click group)
- Select children / parentEnter (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 backCtrlShift] / CtrlShift[
- Reorder: bring forward / backwardCtrl] / Ctrl[
- Lock / unlock selectionCtrlAltL
- Hide / show selectionCtrlAltH
- Toggle layer visibilityCtrlShiftH (in layer panel)
- Toggle layer lockCtrlShiftL (in layer panel)
- Group / ungroupCtrlG / CtrlShiftG
- Select all layers in current frameCtrlAltA (in canvas)
Text10
- Edit text (enter text edit mode)Enter (or double-click text)
- Exit text edit modeEscape
- Select all text in current text boxCtrlA (in text edit)
- Bold / Italic / UnderlineCtrlB / CtrlI / CtrlU
- Strikethrough / Underline (stricter)CtrlShiftX
- Create / remove link on textCtrlK
- Insert text break (line / soft return)ShiftEnter
- Apply / clear text style overrideCtrlAltS / CtrlAltR
- Set auto-width / auto-height textCtrlAltShiftX / CtrlAltShiftY
- Text styles panelCtrlShiftT (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 componentCtrlAltK
- Create component instanceCtrlAltV (or drag from Assets panel)
- Detach instance / componentCtrlAltB
- Boolean: union / subtract / intersect / excludeCtrlAltU / 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 directionShiftR (in pen mode)
Auto layout & components10
- Add auto layout to selectionShiftAltA
- Remove auto layoutAltShiftA (with layout selected)
- Switch auto layout direction (H / V)AltA, H / V (in right panel)
- Create component from selectionCtrlAltK
- Open main componentCtrlAltO (or via Assets panel)
- Go to main component (from instance)CtrlAltClick (on instance)
- Reset all overrides on instanceCtrlAltR (right-click → Reset instance)
- Push overrides to main componentAltClick push icon (top-right of instance)
- Detach instanceCtrlAltB (or right-click → Detach)
- Add variant propertyClick on component → Add property in right panel
View, zoom, export13
- Zoom in / outCtrl/ Ctrl- (or Zdrag)
- Zoom to fit selectionShift2 (or Shift1 on numeric keypad)
- Zoom to fit all contentShift1
- 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 modeCtrlAltP (or via tab)
- Export selection (PNG / SVG / PDF)CtrlShiftE (or via Export panel)
- Copy as PNG / SVG to clipboardCtrlShiftC (selection → export → Copy as PNG)
- Toggle dark / light themeAltShiftT
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.
Disclaimer
This shortcut reference website is a third-party unofficial tool. It has no affiliation, investment, authorization, or official partnership with the trademark holders of any software products mentioned on these pages.
All shortcut information is sourced from publicly available online materials and verified through local software testing, and is provided for learning and reference purposes only. We do not guarantee absolute accuracy, completeness, or real-time compatibility with every version of the software. Shortcut behavior may differ across software versions and operating systems — please refer to the official documentation of each software as the source of truth.
All product names, trademarks, and logos appearing on these pages are the property of their respective copyright holders / trademark owners. They are used here for descriptive purposes only, to identify the corresponding software, and do not imply any endorsement or license from the trademark holder.
If a copyright holder or trademark owner believes that any content on this site infringes their rights, please send an email to [email protected]. Upon receiving valid proof of rights, we will modify or remove the relevant content within a reasonable period.
This website assumes no legal liability for any direct or indirect losses arising from the use of information presented on these pages.
Version 1.0.0