Keyboard Shortcuts
Learn these shortcuts to speed up your pen.dev workflow.
AI Chat
| Shortcut | Action |
|---|---|
Cmd/Ctrl + K | Toggle AI chat |
Cmd/Ctrl + T | New Agent tab |
Ctrl + Tab | Move to next chat tab |
Ctrl + Shift + Tab | Move to previous chat tab |
↑ / ↓ | Prompt history |
Tools
| Shortcut | Action |
|---|---|
V | Move tool |
H | Hand tool |
R | Rectangle tool |
O | Ellipse tool |
A / F | Frame tool |
T | Text tool |
N | Sticky note tool |
Editing
| Shortcut | Action |
|---|---|
Cmd/Ctrl + C | Copy selection to clipboard |
Cmd/Ctrl + V | Paste cliboard content |
Cmd/Ctrl + D | Duplicate selection |
Cmd/Ctrl + X | Cut selection |
Delete/Backspace | Delete selection |
Arrow keys / Shift + Arrow keys | Move selection by 1px / 10px |
Arrow keys | Swap elements order in flex layout |
Cmd/Ctrl + G | Group selected elements |
Cmd/Ctrl + Shift + G | Ungroup |
Cmd/Ctrl + Option/Alt + G | Wrap selection in a frame |
Shift + A | Add flex layout to a selection |
Shift + Option/Alt + A | Remove flex layout from a selection |
Cmd/Ctrl + Z | Undo |
Cmd/Ctrl + Shift + Z | Redo |
Arrange
| Shortcut | Action |
|---|---|
Option/Alt + W | Align selection to the top |
Option/Alt + A | Align selection to the left |
Option/Alt + S | Align selection to the bottom |
Option/Alt + D | Align selection to the right |
Option/Alt + H | Align selection to the horizontal center |
Option/Alt + V | Align selection to the vertical middle |
Cmd/Ctrl + [ | Send backward |
Cmd/Ctrl + ] | Bring forward |
[ | Send to back |
] | Bring to front |
Selection
| Shortcut | Action |
|---|---|
Cmd/Ctrl + A | Select all |
Cmd/Ctrl + Click | Direct select (deepest element under cursor) |
Shift + Click | Add to selection |
Shift + Enter | Select parent of currently selected child element |
Enter | Select children of currently selected parent element |
Esc | Clear selection |
Components
| Shortcut | Action |
|---|---|
Cmd/Ctrl + Option/Alt + K | Convert element to a Component or Convert a Component back to a standard element |
Cmd/Ctrl + Option/Alt + X | Detach component instance |
Canvas Navigation
| Shortcut | Action |
|---|---|
Cmd/Ctrl + Scroll | Zoom |
Spacebar + Drag / Middle mouse button | Pan canvas |
Shift + Scroll | Horizontal pan |
Cmd/Ctrl + + | Zoom in |
Cmd/Ctrl + - | Zoom out |
Cmd/Ctrl + 0 | Zoom to 100% |
Shift + 1 | Zoom to fit |
Shift + 2 | Zoom to selection |
Canvas Settings
| Shortcut | Action |
|---|---|
Cmd/Ctrl + ' | Toggle pixel grid |
Cmd/Ctrl + Shift + ' | Toggle snap to pixel grid |
File Operations
| Shortcut | Action |
|---|---|
Cmd/Ctrl + S | Save file |
Cmd/Ctrl + N | Create new file |
Cmd/Ctrl + O | Open file |
Last updated on