Skip to content
Mermaid Studio Logo Mermaid Studio
New Mermaid Studio Core — free Mermaid diagram support in JetBrains IDEs — Install now →

Keyboard Shortcuts

Last updated:

This page lists keyboard shortcuts and mouse interactions available in the Mermaid Studio diagram preview. Shortcuts follow standard JetBrains conventions and can be customized in Settings > Keymap (search for “Mermaid”).

Zoom and Pan

Section titled “Zoom and Pan”
  • Plus Sign Plus Sign or Equal Sign Equal Sign zooms in
  • Minus Sign Minus Sign zooms out
  • 0 0 resets the view (fit to viewport, capped at 100%)
  • 1 1 sets zoom to exactly 100%
  • Arrow keys pan the diagram by 50 pixels per press
  • Command Control + scroll wheel performs focal zoom (toward cursor)
  • Scroll wheel zooms in and out
  • Middle-click drag pans the diagram

Edit Mode

Section titled “Edit Mode”

Edit mode features require a paid license (Core or Studio) and are currently available for Flowchart diagrams only.

Selection

Section titled “Selection”
  • Click an element to select it
  • Shift+Click to add or remove an element from the selection
  • Click+Drag on an empty area to marquee-select multiple elements
  • Command + A Control + A selects all elements
  • Alt + Shift + P Alt + Shift + P selects the parent subgraph
  • Alt + Shift + C Alt + Shift + C selects all children of the current subgraph
  • Alt + Shift + S Alt + Shift + S selects all siblings at the same level

Editing

Section titled “Editing”
  • Double-click a label to edit it inline
  • Command + B Control + B toggles bold on the selected element’s label (works with multi-selection)
  • Command + I Control + I toggles italic on the selected element’s label (works with multi-selection)
  • Command + G Control + G groups selected elements into a new subgraph
  • Delete removes the selected element or elements
  • Command + Z Control + Z undoes the last edit mode operation
Section titled “Navigation”

In preview mode, clicking an element triggers built-in Mermaid.js interactivity (actor menus, external links, etc.). Hold Command Control and click to navigate to the element’s source declaration instead.

In edit mode, a plain click navigates to the element’s source declaration. Hold Command Control and click to trigger Mermaid.js interactivity.

Find in Preview

Section titled “Find in Preview”
  • Command + F Control + F opens the search bar in the diagram preview

Style Pane

Section titled “Style Pane”
  • Control + Command + Up Arrow Control + Alt + Up Arrow navigates between a link and its linkStyle declaration (Go to Related)

See Also

Section titled “See Also”