DiagramKit
Sign InGet Started

Keyboard Shortcuts

Master DiagramKit with powerful keyboard shortcuts for faster flowchart creation and editing

Last updated: January 13, 2025
4 min read read

Keyboard Shortcuts

Speed up your flowchart creation with keyboard shortcuts. Master these commands to work 10x faster than using the mouse alone.

Essential Shortcuts

Navigation & Selection

ShortcutAction
Cmd/Ctrl + ClickMulti-select nodes
Shift + ClickAdd to selection
Cmd/Ctrl + ASelect all nodes
EscapeDeselect all
Arrow KeysMove selected nodes (1px)
Shift + Arrow KeysMove selected nodes (10px)

Editing & Manipulation

ShortcutAction
Double ClickEdit node label
EnterSave label changes
EscapeCancel label editing
Cmd/Ctrl + CCopy selected nodes
Cmd/Ctrl + VPaste nodes
Cmd/Ctrl + XCut nodes
Cmd/Ctrl + DDuplicate selected nodes
Delete/BackspaceDelete selected nodes

Undo & Redo

ShortcutAction
Cmd/Ctrl + ZUndo last action
Cmd/Ctrl + Shift + ZRedo
Cmd/Ctrl + YRedo (alternative)

Canvas Controls

Zoom & Pan

ShortcutAction
Cmd/Ctrl + ScrollZoom in/out
Cmd/Ctrl + +Zoom in
Cmd/Ctrl + -Zoom out
Cmd/Ctrl + 0Reset zoom to 100%
Space + DragPan canvas
Cmd/Ctrl + FFit view to content

View Options

ShortcutAction
Cmd/Ctrl + BToggle sidebar
Cmd/Ctrl + IToggle inspector panel
Cmd/Ctrl + Shift + LLock/unlock selected nodes

File Operations

Save & Export

ShortcutAction
Cmd/Ctrl + SSave flowchart
Cmd/Ctrl + Shift + SSave as...
Cmd/Ctrl + EExport options
Cmd/Ctrl + PExport as PNG
Cmd/Ctrl + Shift + PExport as PDF

Workspace

ShortcutAction
Cmd/Ctrl + NNew flowchart
Cmd/Ctrl + OOpen flowchart
Cmd/Ctrl + WClose current flowchart
Cmd/Ctrl + Shift + WClose workspace
Cmd/Ctrl + ,Open settings

Shape Quick-Add

Basic Shapes

Press the key, then click on canvas to place the shape:

KeyShape
SStart/End (Terminal)
PProcess
DDecision
IData I/O
BDatabase
ODocument

Advanced Shapes

KeyShape
MManual Input
YDisplay
RPreparation
USubroutine
LDelay
TStored Data
CConnector
KCloud

Pro Tips

Combination Shortcuts

Quick Duplicate & Move:

  1. Select node with Click
  2. Hold Alt/Option
  3. Drag to duplicate and position

Precision Alignment:

  1. Select nodes with Cmd/Ctrl + Click
  2. Use Arrow Keys for 1px adjustments
  3. Use Shift + Arrow Keys for 10px jumps

Batch Operations:

  1. Select multiple nodes with Cmd/Ctrl + Click
  2. Apply action to all (delete, duplicate, lock)
  3. Undo with Cmd/Ctrl + Z if needed

Power User Workflow

1. Cmd/Ctrl + N          → New flowchart
4. Arrow Keys            → Fine-tune positions
5. Double Click          → Edit labels
6. Cmd/Ctrl + Shift + A  → Quality analysis
7. Cmd/Ctrl + S          → Save
8. Cmd/Ctrl + P          → Export as PNG

Customizing Shortcuts

Currently, keyboard shortcuts are fixed to ensure consistency across teams. Custom shortcuts are planned for a future update.

Want different shortcuts? Let us know in the feedback forum which shortcuts you'd like to customize!

Accessibility

All actions are also available via:

  • Right-click context menus
  • Top toolbar buttons
  • Command palette (Cmd/Ctrl + K)

Platform Differences

  • Mac: Use Cmd for all shortcuts
  • Windows/Linux: Use Ctrl for all shortcuts
  • Delete key:
    • Mac: Delete or Fn + Backspace
    • Windows: Delete or Backspace

Next Steps

Pro Tip: Print this page and keep it nearby while learning. After a week of practice, these shortcuts will become muscle memory!