Keyboard Shortcuts

Learn these shortcuts to speed up your pen.dev workflow.

Use Cmd and Option on macOS, or Ctrl and Alt on Windows and Linux. Focus the canvas for editing shortcuts. Text fields and your IDE can handle the same keys differently. Click the keyboard icon in the toolbar or press ? to open the in-app reference.

AI Chat

These shortcuts apply to the desktop app’s 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
`K`	Scale tool
`H`	Hand tool
`R`	Rectangle tool
`O`	Ellipse tool
`A` / `F`	Frame tool
`T`	Text tool
`N`	Sticky note tool
`P`	Pen tool
Hold `Z`	Zoom tool

Editing

Shortcut	Action
`Cmd/Ctrl + C`	Copy selection to clipboard
`Cmd/Ctrl + V`	Paste clipboard content
`Cmd/Ctrl + Shift + C`	Copy selection as PNG
`Cmd/Ctrl + Option/Alt + C`	Copy selection as HTML
`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
`Shift + H`	Flip horizontal
`Shift + V`	Flip vertical
`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
`Option/Alt + Shift + R`	Replace inside instance

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
Hold `Z` + Click	Zoom in at pointer
Hold `Z` + Option/Alt + Click	Zoom out at pointer
Hold `Z` + Drag	Zoom to region

Path editing

These shortcuts apply while editing a path. See Drawing and editing.

Shortcut	Action
`Enter` on a selected shape	Edit points
`Enter`	Finish editing
`P`	Activate Pen tool
`V`	Activate Select points tool
`X`	Activate Cut tool
`Cmd/Ctrl + A`	Select all points
`Cmd/Ctrl + D`	Duplicate selection
`Option/Alt + Drag`	Drag off a duplicate
`Cmd/Ctrl + J`	Connect selected points
`Arrow keys` / `Shift + Arrow keys`	Move selected points by 1px / 10px
`Delete/Backspace`	Delete selected points, segments, or handles
Double-click a point	Toggle smooth and corner
`Cmd/Ctrl + Drag` a point	Pull symmetric handles
`Option/Alt + Drag` a handle	Break handle symmetry
`Cmd/Ctrl + Drag` a segment	Bend into a curve
`Cmd/Ctrl + Option/Alt + Drag` a segment	Bend without moving neighbors
`Cmd/Ctrl + Double-click` a segment	Straighten segment

With the Pen tool, click to add a point, Option/Alt + Click a segment to insert a point, or Option/Alt + Drag a point to move it without drawing.

Canvas Settings

Shortcut	Action
`Cmd/Ctrl + '`	Toggle pixel grid
`Cmd/Ctrl + Shift + '`	Toggle snap to pixel grid

File Operations

In the desktop app:

Shortcut	Action
`Cmd/Ctrl + S`	Save file
`Cmd/Ctrl + Shift + S`	Save As
`Cmd/Ctrl + N`	Open Dashboard
`Cmd/Ctrl + Shift + N`	Create new file
`Cmd/Ctrl + O`	Open file

In an IDE, use the IDE’s commands to create, open, and save files.