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.