Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/open-pencil/open-pencil/llms.txt

Use this file to discover all available pages before exploring further.

Tools

ShortcutTool
VSelect (Move) tool
KScale tool
FFrame
Shift+SSection
RRectangle
OEllipse
LLine
Shift+LArrow
PPen
Shift+PPencil (freehand)
TText
HHand (pan)
CComment

Canvas Navigation

ShortcutAction
Space + dragPan viewport
Middle mouse dragPan viewport
Cmd + =Zoom in
Cmd + -Zoom out
Cmd + 0Zoom to 100%
Shift + 1Zoom to fit all
Shift + 2Zoom to selection
Cmd + 'Toggle grid
Shift + RToggle rulers

Selection

ShortcutAction
ClickSelect node
Shift + clickAdd to selection
Cmd + ASelect all
Cmd + clickToggle node in selection
Double-clickDeep select (enter group/frame)
EscapeClear selection

Manipulation

ShortcutAction
Arrow keysNudge 1px
Shift + arrowsNudge 10px
Cmd + DDuplicate
Alt + dragDuplicate while dragging
Backspace / DeleteDelete selection
Cmd + GGroup
Cmd + Shift + GUngroup
Shift + dragConstrain to axis
Alt + drag (resize)Resize from center
Shift + drag (resize)Constrain proportions

Text Editing

ShortcutAction
Cmd + BBold
Cmd + IItalic
Cmd + UUnderline
Cmd + Shift + XStrikethrough
Cmd + KAdd link
Cmd + ASelect all text
Double-clickSelect word
Triple-clickSelect paragraph
EscapeExit text edit mode

Layout

ShortcutAction
Shift + AAdd auto-layout

Alignment

ShortcutAction
Alt + AAlign left
Alt + HAlign horizontal center
Alt + DAlign right
Alt + WAlign top
Alt + VAlign vertical center
Alt + SAlign bottom
Ctrl + Alt + HDistribute horizontally
Ctrl + Alt + VDistribute vertically
Ctrl + Alt + TTidy up (auto-arrange)

Boolean Operations

ShortcutAction
Cmd + Shift + UUnion
Cmd + Shift + SSubtract
Cmd + Shift + IIntersect
Cmd + Shift + EExclude
Cmd + EFlatten selection

Components

ShortcutAction
Cmd + Alt + KCreate component

File Operations

ShortcutAction
Cmd + NNew file
Cmd + OOpen file
Cmd + SSave
Cmd + Shift + SSave As
Cmd + Shift + EExport selection

Edit

ShortcutAction
Cmd + ZUndo
Cmd + Shift + ZRedo
Cmd + CCopy
Cmd + XCut
Cmd + VPaste
Cmd + Shift + CCopy as CSS

Layers Panel

ShortcutAction
Cmd + FSearch layers
EnterRename selected layer

Other

ShortcutAction
IEyedropper (pick color)
Cmd + /Show AI chat

Mac vs Windows

All shortcuts listed use Mac notation:
  • Cmd on Mac = Ctrl on Windows/Linux
  • Alt on Mac = Alt on Windows/Linux
  • Backspace on Mac = Backspace on Windows/Linux

Customizing Shortcuts

Keyboard shortcuts are currently not customizable. If you need different shortcuts, please open an issue with your use case.

Conflicting Shortcuts

Browser vs Desktop

When using OpenPencil in the browser, some shortcuts may conflict with browser defaults:
  • Cmd + S (Save) — Browser’s save page dialog
  • Cmd + O (Open) — Browser’s open file dialog
  • Cmd + T (New tab) — Browser creates a new tab
Solution: Use the desktop app for full keyboard shortcut support.

Platform Differences

Some shortcuts behave differently across platforms:
  • Mac keyboards with Option key — We use e.code instead of e.key to handle Option key character transformations
  • Text input — Shortcuts are disabled when editing text (except text formatting shortcuts)

Learning Shortcuts

To discover shortcuts:
  1. Hover over toolbar icons — Tooltips show the shortcut
  2. Right-click menus — Show shortcuts next to menu items
  3. This page — Keep it bookmarked for quick reference

Tips

  • Hold Shift while dragging to constrain movement or maintain proportions
  • Hold Alt while dragging to duplicate or resize from center
  • Combine modifiers for advanced operations (e.g., Shift + Alt + drag for proportional resize from center)
  • Use Space + drag to pan the canvas while any tool is active
  • Press V to quickly return to the Select tool from any other tool