Diagram Editor

Diagram Editor

The diagram editor is a drag-and-drop canvas. The left panel shows the explorer (all objects in the current project) and the notation palette.

Canvas Controls

ActionHow
PanClick and drag on empty canvas area
Zoom InScroll up / pinch / ⌘+
Zoom OutScroll down / pinch / ⌘-
Reset ZoomDouble-click on empty canvas or ⌘0
SelectClick an object
Multi-selectShift+click or drag a selection rectangle
DeletePress Delete or Backspace

Adding Objects to the Canvas

Drag objects from the Explorer panel on the left onto the canvas. You can also right-click the canvas → Add Object to search and add by name.

Drawing Relationships

  1. Hover over a source object — connection handles appear at the edges
  2. Click and drag from a handle to the target object
  3. Release on the target — the relationship is drawn and appears in the explorer panel
  4. Click the connector line to change the relationship type

Object Properties

Double-click any object on the canvas to open its detail page. Click once to select and show the mini toolbar:

  • Bring to front / Send to back
  • Lock position
  • Quick-edit name

Saving

Diagrams save automatically every 30 seconds and on any navigation away. You can also press ⌘S for an immediate save.