Keyboard Shortcuts

Work faster in Elements with keyboard shortcuts

Use these keyboard shortcuts to work more quickly in Elements.

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	Option+Command+Up arrow
Move Down	Option+Command+Down arrow
Move to Parent	Option+Command+Left arrow
Move to Child	Option+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 before previewing.