General

Show shortcut cheatsheet

  • Shift
  • /

Save as a snapshot

  • Ctrl
  • Shift
  • S

Deselect or abort

  • Esc

Delete element

  • Del

Show publish dialog

  • Shift
  • P

Show export code dialog

  • Shift
  • E

Edit element

  • Enter

View

Preview mode

  • Ctrl
  • Shift
  • P

Guide overlay

  • Ctrl
  • Shift
  • G

Show element edges

  • Ctrl
  • Shift
  • E

X-ray mode

  • Ctrl
  • Shift
  • X

Left-hand Toolbar

Show add panel

  • A

Show navigator tab

  • Z

Show pages panel

  • P

Show symbols panel

  • Shift
  • A

Make selected element a symbol

  • Ctrl
  • Shift
  • A

Show asset manager

  • J

Right-hand Tabs

Show style tab

  • S

Show settings tab

  • D

Show style manager tab

  • G

Show interactions tab

  • H

Copy/Paste

Copy

  • Ctrl
  • C

Cut

  • Ctrl
  • X

Paste

  • Ctrl
  • V

Duplicate

  • Alt
  • (drag)

Undo/Redo

Undo

  • Ctrl
  • Z

Redo

  • Ctrl
  • Shift
  • Z

Device View

Desktop

  • 1

Tablet

  • 2

Phone (landscape)

  • 3

Phone (portrait)

  • 4

Style Panel

Margin or padding (on all sides)

  • Shift
  • (drag)

Margin or padding (top and bottom, or left and right)

  • Alt
  • (drag)

Add class to selected element

  • Ctrl
  • Enter

Rename last class on selected element

  • Ctrl
  • Shift
  • Enter

Find

Quick find

  • Ctrl
  • K

Other

Expand or collapse panel sections

  • Alt
  • (click)

Select parent or child element

  • Up/Down

Select sibling element

  • Left/Right

Select next or previous element

  • Alt
  • Left/Right

Toggle collaborators on selected element

  • Ctrl
  • Shift
  • L