Clutch comes with a number of time-saving shortcuts for inserting elements, working with the composition panel and various other actions.
Commonly used shortcuts
Keyboard shortcut | What it does |
1 | Insert H1 |
2 | Insert H2 |
3 | Insert H3 |
Space | Edit the current (editable) element like a heading or text or paragraph |
t | Insert Text |
p | Insert Paragraph |
b | Insert Block (like a div) |
m | Insert Image |
l | Insert Link |
r | Insert Row (a Flex parent with flex-direction: row) |
c | Insert Column (a Flex parent with flex-direction: column) |
o | Insert Loop |
d | Insert Data |
⇧b | Wrap in a block |
⇧r | Wrap in a row |
⇧c | Wrap in a column |
⇧l | Wrap in a link |
⇧o | Wrap in Loop |
⇧d | Wrap in Data |
⌫ | Delete current element |
⏎ on layer | Change label of the current element in the composition panel |
Ctrl/Cmd Z | Undo |
Ctrl/Cmd+Shift Z | Redo |
Cmd + Shift + R | Hard refresh to reboot the app without having to quit the app |
All shortcuts
Here’s the full list of keyboard shortcuts on Macs:
