Skip to main content

Keyboard shortcuts

Shortcuts are disabled while typing in a text field. While you edit a text layer on the canvas, single keys type text; Text editing lists the keys that apply there.

The macOS columns use the key symbols of the Mac, as the app's menus do: Command, Option, Control, Shift, Delete (the key above Return), forward Delete.

Keyboard layouts

Shortcuts follow the keys printed on your keyboard: on a French (AZERTY) keyboard, Ctrl + A means the key labeled A, not the key at the US QWERTY A position. Menus and tooltips in the app show shortcut keys as they appear on your layout.

In Chromium-based browsers your layout is detected automatically. You can override it — or set it manually in Firefox and Safari, where detection is not available — in the editor: the settings button at the right end of the header (tooltip Even more options) → Keyboard layout. The first entry, Auto, follows detection and names the layout in use in parentheses, for example Auto (German); picking US, German or French overrides it until you switch back to Auto.

The choice is stored in the browser, not in your account or the document: another browser or device starts on Auto again.

Available layouts: US, German (QWERTZ) and French (AZERTY). Other keyboards use the US layout.

On keyboards without Latin letters (for example Russian or Greek), shortcuts follow the physical key positions, matching the Latin sublegends printed on those keyboards.

The tables below show US layout labels.

Keys that differ on German and French keyboards

Letters and digits follow the printed key. These shortcuts use keys that don't exist, or need Shift, on the other layouts. Ctrl stands for on macOS.

US labelGermanFrench
] and Ctrl + ] (Bring to front, Move up)Ä and Ctrl + Ä$ and Ctrl + $
[ and Ctrl + [ (Send to back, Move down)Ö and Ctrl + Ö^ and Ctrl + ^
/ (Refine selection content)Shift + 7Shift + :
Ctrl + / (multiplayer cursors)Ctrl + Shift + 7Ctrl + Shift + :
Shift + ' (pixel grid)Shift + ÄShift + Ù
+ or = (Zoom in)+ or ´same as US
Ctrl + 0 (Reset to 100%)same as USCtrl + Shift + 0
19, 0 (opacity)same as USnot available

Editor

Tools

ActionWindows/LinuxmacOS
Select toolVV
Scale toolKK
Frame toolFF
Text toolTT
Line toolLL
Rectangle toolRR
Oval toolOO
Pen toolPP
Fill tool (vector editing toolbar)Shift + B⇧ B
Hand toolHH
Zoom toolZZ
Eyedropper toolII
Comment toolShift + C⇧ C

The Polygon and Star tools have no shortcut.

Content

ActionWindows/LinuxmacOS
Generate content for selectionCC
Refine selection content//

Undo and redo

ActionWindows/LinuxmacOS
UndoCtrl + Z⌘ Z
RedoCtrl + Shift + Z or Ctrl + Y⌘ ⇧ Z or ⌘ Y

Selection and structure

ActionWindows/LinuxmacOS
Select all siblings of the selection (nothing selected: whole page)Ctrl + A⌘ A
Invert the selection among the page's top-level layersCtrl + Shift + A⌘ ⇧ A
Select next siblingTabTab
Select previous siblingShift + Tab⇧ Tab
Select the children of the selected framesEnterEnter
Select the parent of the selectionShift + Enter⇧ Enter
Select the innermost layer under the pointerCtrl + Click⌘ Click
Pick from a list of all layers under the pointerCtrl + Right-click⌘ Right-click
Draw a selection rectangle starting on a layer, selecting innermost layersCtrl + Drag⌘ Drag
Hide / Show selectionAlt + H⌥ H
Lock / Unlock selectionAlt + L⌥ L
Duplicate selectionCtrl + D⌘ D
Rename selectionCtrl + R⌘ R
Frame selectionShift + F⇧ F
Add Flex layoutShift + A⇧ A
Remove Flex layout / Remove Grid layoutShift + Alt + A⇧ ⌥ A
Unwrap selectionCtrl + Backspace⌘ ⌫
Boolean: UnionShift + Alt + U⇧ ⌥ U
Boolean: SubtractShift + Alt + S⇧ ⌥ S
Boolean: IntersectShift + Alt + I⇧ ⌥ I
Boolean: ExcludeShift + Alt + E⇧ ⌥ E
Create componentCtrl + Alt + K⌘ ⌥ K
Detach instanceCtrl + Alt + B⌘ ⌥ B
FlattenCtrl + E⌘ E
Outline strokeCtrl + Shift + O⌘ ⇧ O
Use as mask / Remove maskCtrl + Alt + M⌘ ⌥ M
Flip horizontalShift + H⇧ H
Flip verticalShift + V⇧ V
Toggle rotation origin displayAlt + R⌥ R

Arrange and nudge

ActionWindows/LinuxmacOS
Bring to front]]
Send to back[[
Move upCtrl + ]⌘ ]
Move downCtrl + [⌘ [
Nudge by 1 pxArrow keysArrow keys
Nudge by 10 pxShift + Arrow keys⇧ Arrow keys

In flex layouts the arrow keys reorder the selected items instead of moving them by pixels. In grid layouts they move the selected items to the adjacent cell — nudging into an occupied cell swaps the items, and nudging horizontally past the first/last column wraps into the previous/next row.

Opacity

ActionWindows/LinuxmacOS
Set the selection's opacity to 10% … 90%1919
Switch opacity between 100% and 0% (any other or mixed value: 100%)00

Pages

ActionWindows/LinuxmacOS
Previous pagePage UpPage Up
Next pagePage DownPage Down

View and zoom

ActionWindows/LinuxmacOS
Zoom in+ or =+ or =
Zoom out- (with or without Shift)- (with or without )
Zoom in (with modifier)Ctrl + + or Ctrl + =⌘ + or ⌘ =
Zoom out (with modifier)Ctrl + -⌘ -
Reset to 100%Shift + 0 or Ctrl + 0⇧ 0 or ⌘ 0
Fit to screenShift + 1⇧ 1
Fit to selectionShift + 2⇧ 2
Bring selection into viewShift + 3⇧ 3
Open search dialogCtrl + F⌘ F
Map mode (zoom out & jump)MM
Toggle UI visibilityShift + U⇧ U
Show / Hide rulersShift + R⇧ R
Show / Hide pixel gridShift + '⇧ '
Show / Hide layout helpersShift + G⇧ G
Show / Hide multiplayer cursorsCtrl + /⌘ /

In the search dialog, Up / Down move through the results and Enter selects the highlighted one.

ActionWindows/LinuxmacOS
CopyCtrl + C⌘ C
CutCtrl + X⌘ X
PasteCtrl + V⌘ V
Copy as PNGCtrl + Shift + C⌘ ⇧ C
Paste to replaceCtrl + Shift + V⌘ ⇧ V
Copy link (opens the page zoomed to the selection)Ctrl + L⌘ L
Add link to the selected text (while editing text)Ctrl + K⌘ K

Text editing

ActionWindows/LinuxmacOS
Start editing the selected text layerEnterEnter
Bold — the selected text, or whole text layers when selected on the canvasCtrl + B⌘ B
Italic — same targets as BoldCtrl + I⌘ I
Paste without formattingCtrl + Shift + V⌘ ⇧ V
Select all textCtrl + A⌘ A
Indent / outdent the selected list itemsTab / Shift + TabTab / ⇧ Tab
New line; on an empty list item, leave the listEnterEnter
Finish editingEscapeEscape

Underline has no shortcut.

Editing and deletion

ActionWindows/LinuxmacOS
Edit the selected text or vector layerEnterEnter
Finish vector editing · confirm a dialogEnterEnter
Cancel or close · clear the selectionEscapeEscape
Delete selectionDelete or Backspace (with or without Shift) or (with or without )

Enter on a selection that contains frames with children selects those children instead; Shift + Enter selects the parent (Selection and structure).

Temporary tool modifiers

ActionWindows/LinuxmacOS
Temporary hand tool (pan)Hold Space or the middle mouse buttonHold Space or the middle mouse button
Temporary zoom toolHold Space + CtrlHold Space ⌘
Temporary segment bender tool (vector active)Hold CtrlHold
Zoom out (zoom tool active)Hold AltHold
Copy mode on drag (selection tool active)Hold AltHold
Constrain to 45° (drawing/dragging vector)Hold ShiftHold
Disable snapping (any drag, resize, or draw)Hold SHold S
Move control point without mirroringHold AltHold
Move control point with forced mirroringHold CtrlHold
Toggle vertex mirrored/cusp modeCtrl + Click⌘ Click

Expression fields

ActionWindows/LinuxmacOS
List suggestions at the caretCtrl + Space⌃ Space
Move the highlightUp / DownUp / Down
Insert the highlighted entryEnter or TabEnter or Tab
Close the listEscapeEscape

Commands without a toolbar button

These commands exist only in a context menu, in a panel's overflow menu or as a shortcut.

CommandWhere it livesWhat it does
Create multiple componentsLayer context menu, with two or more layers selectedMakes one component per selected layer (Components and instances)
Go to source objectContext menu of an instance or of a layer inside one; an instance also has the component button in the Properties panel header (tooltip Go to main component)Selects the main component, or the layer's counterpart inside it (Components and instances)
SlotNew slot / Detach slotContext menu of a frame inside a component or variantTurns the frame into a slot, or back into a plain frame (Slots)
Add Grid layoutLayer context menuAdds a Grid layout built from the current arrangement (Grid layout)
Add min/max constraintsProperties panel header → the three-dot button (tooltip More actions)Shows the minimum and maximum size fields (Min and max size)
Paste to replaceLayer context menu; Ctrl + Shift + VSwaps every selected layer for the clipboard content (Where a paste lands)
Copy asCopy as PNG / Copy as SVGLayer context menu; PNG also Ctrl + Shift + CPuts the selection on the clipboard as a PNG image or as SVG
Copy linkLayer context menu; Ctrl + LCopies an editor link that opens the page zoomed to where the selection is now
Copy link to pageContext menu of a page in the Pages panelCopies an editor link that opens that page
Set as preview entrypointContext menu of an artboardPuts a Run Preview button above the artboard (Opening the preview)
Set as thumbnail coverContext menu of an artboardUses the artboard as the document's thumbnail (Document thumbnails)
Lock or hide several layers in one dragLayers panel: press the lock or eye button of one row and drag across other rowsEach row you pass gets the state the first row changed to (Selecting and locking)
Map modeM onlyZooms out to show the whole page so you can jump elsewhere; M again returns to the previous view

Dashboard

Workspaces and filtered views

ActionWindows/LinuxmacOS
New fileNN
New folderFF
RenameRR
Open selectionEnterEnter
Select the item aboveArrow UpArrow Up
Select the item belowArrow DownArrow Down
Select the item to the left / right (thumbnails)Arrow Left / Arrow RightArrow Left / Arrow Right
Extend the selectionShift + Arrow keys⇧ Arrow keys
Select allCtrl + A⌘ A
Go backBackspace
Delete selectionDelete

Preview

ActionWindows/LinuxmacOS
Close modal or exit full screenEscapeEscape