Keyboard shortcuts
Every shortcut in Atom Crafter, grouped by what it acts on.
Shortcuts are written for macOS. On Windows, ⌘ is Ctrl, ⌥ is Alt and ⇧ is Shift.
Single-letter shortcuts are ignored while you are typing in a field, so a prop value can still contain the letter s or the digit 2.
Panels
| Shortcut | Does |
|---|---|
P |
Pages |
Z |
Navigator |
⇧A |
Components |
J |
Assets |
⌥C |
CMS |
S |
Style tab |
D |
Settings tab |
Pressing the shortcut for the panel that is already open collapses it, which gives the canvas the whole window.
Editing
| Shortcut | Does |
|---|---|
⌘E / Ctrl+E or ⌘F / Ctrl+F |
Open the insert palette |
⌘Enter / Ctrl+Enter |
Jump to the class field, with the caret in it |
Enter |
Open the selection’s code editor (frontmatter, <style>, <script>) |
⌘C / Ctrl+C |
Copy the selected node |
⌘V / Ctrl+V |
Paste it |
⌘D / Ctrl+D |
Duplicate it |
| Delete / Backspace | Remove it |
⌘Z / Ctrl+Z |
Undo |
⇧⌘Z / Ctrl+Y |
Redo |
Copy and paste fall back to normal text behaviour when a field has focus or text is selected.
Undo and redo are global: CSS edits, CMS edits and asset changes are on the same stack as page edits, and they work from anywhere in the app, including inside a field, so field edits and structural edits undo in the order you made them.
Canvas
| Shortcut | Does |
|---|---|
1 |
Desktop |
2 |
Tablet, 768px |
3 |
Phone, 375px |
4 |
Canvas, every breakpoint at once |