description
Work faster in Elements with keyboard shortcuts
icon
keyboard
Use these keyboard shortcuts to work more quickly in Elements.
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
{% embed url="https://youtu.be/myHZq5hb8TE " %}
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
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.