ESPHome LVGL Designer
LVGL Designer
Help
Keyboard Shortcuts
Reference

Keyboard Shortcuts

23 shortcuts to speed up your design workflow.

Navigation

Move around the canvas

4
Enter selected group
Enter
Exit group / Deselect widget / Close modal
Esc
Move selected widget (1px)
← → ↑ ↓
Move selected widget (10px grid)
Shift+← → ↑ ↓

Editing

Select, copy, transform

10
Delete selected widget
Delor⌫
Copy selected widget
Ctrlor⌘+C
Cut selected widget
Ctrlor⌘+X
Paste widget
Ctrlor⌘+V
Duplicate selected widget
Ctrlor⌘+D
Group selected widget (toggle)
Ctrlor⌘+G
Ungroup selected group
Ctrlor⌘+Shift+G
Undo last action
Ctrlor⌘+Z
Redo action
Ctrlor⌘+Shift+Z
Redo action (alternative)
Ctrlor⌘+Y

File

Save, export, import

3
Save canvas
Ctrlor⌘+S
Export YAML
Ctrlor⌘+E
Import YAML
Ctrlor⌘+I

View

Zoom, pan, toggle panels

6
Open Preview Mode
Ctrlor⌘+P
Zoom in/out (towards cursor)
Ctrlor⌘+Scroll
Pan canvas
Ctrlor⌘+Drag
Zoom in
Ctrlor⌘or=
Zoom out
Ctrlor⌘+-
Reset zoom
Ctrlor⌘+0
⌘ is the Mac Command key. On Windows/Linux use Ctrl instead. The exact keys may vary depending on your keyboard layout.
espboards.dev ESPboards.dev ·Made for the ESPHome community
TermsPrivacyRefund PolicyCookies

ESPHome LVGL Designer · also known as ESPHome Designer, ESPHome LVGL UI Designer, ESPHome LVGL Editor, LVGL Designer for ESPHome, ESPHome LVGL online editor, and ESPHome LVGL GUI builder. A free online ESP32 LVGL UI editor for the ESPHome community.