Save time with keyboard shortcuts

There are a number of keyboard shortcuts you can use in Design Studio. Open the shortcuts modal from the code or visual editor to see the full list. Shortcuts that use CMD on Mac will use CTRL on Windows (and vice versa).

General

NameShortcut
Toggle PreferencesCMD/CTRL ,
Toggle SidebarCMD/CTRL SHIFT B

Both editors

Editor management

NameShortcut
Close current editorOPTION W

Formatting

NameShortcut
Wrap BoldCMD/CTRL B
Wrap ItalicsCMD/CTRL I
Wrap UnderlineCMD/CTRL U

Basic editing

NameShortcut
Cut lineCMD/CTRL X
Copy lineCMD/CTRL C
Paste lineCMD/CTRL V
Move line upOPTION
Move line downOPTION

Visual editor only

Canvas

NameShortcut
Zoom inCMD/CTRL +
Zoom outCMD/CTRL -
Fit email to screenCMD/CTRL 0
Cancel dragEsc

Find & replace

NameShortcut
Find in emailCMD/CTRL F
Find next matchEnter
Find previous matchSHIFT Enter
Close find barEsc

Inline menus

NameShortcut
Open component menu/
Open Liquid autocomplete{{
Open emoji menu:name
Show distance measurementsOPTION/ALT

Code editor only

Basic editing

NameShortcut
Copy line upSHIFT OPTION
Copy line downSHIFT OPTION
Delete lineCMD/CTRL SHIFT K
Indent lineCMD/CTRL ]
Outdent lineCMD/CTRL [
Toggle line commentCMD/CTRL /
Fold current regionCMD/CTRL K     CMD/CTRL [
Unfold current regionCMD/CTRL K     CMD/CTRL ]

Preview

NameShortcut
Toggle PreviewCMD/CTRL SHIFT D
Toggle Inspect ElementCMD/CTRL SHIFT C
Toggle Focus ModeCMD/CTRL SHIFT M

Find & replace

NameShortcut
FindCMD/CTRL F
ReplaceCMD/CTRL OPTION F
Find NextCMD/CTRL G
Find PreviousCMD/CTRL SHIFT G
Select all matchesOPTION Enter

Multi-cursor & selection

NameShortcut
Insert cursorOPTION + Click
Insert cursor aboveCMD/CTRL OPTION
Insert cursor belowCMD/CTRL OPTION
Select current lineCMD/CTRL L