Loading…

Save time with keyboard shortcuts

Design Studio New Updated

 This article applies to Design Studio

We are currently piloting Design Studio, our new email design system, and making some information available to customers. If you don’t have access to Design Studio, please continue to use our other email editors.

There are a number of keyboard shortcuts you can use to access Design Studio functionality. You can see a full list of shortcuts at any time by clicking the Shortcuts button in the bottom right corner of the Code Editor. Any shortcut that uses CMD on Mac will use CTRL on Windows (and vice versa).

General

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

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

Basic editing - Code editor only

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 - Code editor only

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

Find & replace - Code editor only

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

Multi-cursor & selection - Code editor only

NameShortcut
Insert cursorOPTION + Click
Insert cursor aboveCMD/CTRL OPTION
Insert cursor belowCMD/CTRL OPTION
Select current lineCMD/CTRL L
Copied to clipboard!
  Contents
Is this page helpful?