Interface Overview

The Diagrammix window is built around a large canvas, with a toolbar above it, the shape library on the left, and the Inspector on the right.

The Canvas

The central area is the Canvas, where you draw your diagram. It provides an infinite scrolling workspace. Scroll or use a trackpad to move around, and hold Option while scrolling to zoom around the pointer.

Toolbar

The Toolbar at the top of the window gives you quick access to tools and view options:

  • Undo / Redo
  • Tools — Select, Connector, Sticky Spot Tools, Text, Pan, Zoom, Copy Style, Table, Sticky Note, Artboard, and Mind Map (PRO)
  • Draw menu — shapes (Rectangle, Circle, Rounded Rectangle, Round End Rectangle), Smart Shapes (Star, Block Arrow, Ring Segment), and lines and paths (Line, Arrow, Polygon, Path, Freehand)
  • UML menu on UML pages, and ASCII tools on ASCII pages
  • Align, Distribute, and Arrange menus
  • View toggles — Show Grid, Snap to Grid, Rulers, Smart Guides, and Show Page Layout
  • Autostyle menu
  • Icons — the icon library panel (Option+Cmd+I)
  • Inspector toggle and zoom controls

See Tools Overview for details on every tool.

Library

The Library is the sidebar on the left. It contains the shapes and symbols of the current notation, plus your reusable elements. Drag an item onto the canvas to add it.

Inspector Panel

On the right side is the Inspector Panel. It is organized in four tabs:

  • Style — fills, strokes, effects, connector options, and element colours
  • Text — font, size, colour, alignment, padding, and connector labels
  • Arrange — geometry (position, size, rotation), tables, UML, and auto-layout
  • Document — layers and artboards, smart connector settings, theme style, document colours, and the canvas background

The Inspector opens on Document when nothing is selected and on Style when you select something. See Inspector Panel.

Document Tabs

A document can contain several pages, shown as tabs above the canvas. See Document Tabs.

Rulers

Rulers provide measurement references along the top and left edges of the canvas.

  • Toggle them with the Rulers button in the toolbar
  • Drag from a ruler onto the canvas to create a guide line

Rulers

Undo & Redo

Diagrammix keeps up to 200 undo steps for each page.

  • Undo: Press Cmd+Z to step back through your changes
  • Redo: Press Shift+Cmd+Z to reapply undone changes
  • You can also use Edit → Undo and Edit → Redo from the menu bar

Recent Documents

  • File → Open Recent shows your recently opened files; Clear Menu empties the list
  • When Diagrammix starts, the template chooser shows a Recent Documents list. Choose Create Document to start a new diagram or Open Document... to browse for a file