Keyboard Shortcuts

Elements has a host of available keyboard shortcuts.

Editor: General

Action
Keyboard Shortcut
Details

Quick Add Component

Command-Shift-F

Next Workspace

Command+Option+.

Previous Workspace

Command+Option+,

Show/Hide Titles

Command+Option+'

Show/Hide Outlines

Command+shift+'

Show/Hide Selection

Command+'

Scroll to Selection

Command+Shift+Option+'

Toggle Editor Scroll

Editor: Selecting and Moving Components

Action
Keyboard Shortcut
Details

Select Previous Sibling

Option+Up arrow

Select Next Sibling

Option+Down arrow

Select Parent

Option+Up arrow

Select Child

Option+Down arrow

Move Up

Options+Command+Up arrow

Move Down

Options+Command+Up arrow

Move to Parent

Options+Command+Left arrow

Move to Child

Options+Command+Right arrow

Editor: Screens

Action
Keyboard Shortcut
Details

Screens: Mobile

Command+1

Screens: SM

Command+2

Screens: MD

Command+3

Screens: LG

Command+4

Screens: XL

Command+5

Screens: 2XL

Command+6

Preview

Action
Keyboard Shortcut
Details

Preview Page

Command+P

Automatically previews website in default browser.

Preview Page In…

Command+Option+P

Choose from all installed browsers on your system before Previewing.

Last updated

Was this helpful?