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 Even more options button at the right end of the header → 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
1 – 9, 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%1 … 91 … 9
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

Variables panel​

ActionWindows/LinuxmacOS
Confirm a rename without updating referencesAlt + Enter⌥ Enter

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 Go to main component button in the Properties panel headerSelects the main component, or the layer's counterpart inside it (Components and instances)
Slot → New 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 More actions buttonShows 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 (Paste to replace)
Copy as → Copy 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 as PNG or 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