Docs

Diagrams

Draw flowcharts and structure diagrams with draw.io

Diagrams

  • The draw.io editor. The file in the project’s docs/diagrams/ (like DG-00001.drawio) is the source. The editor is downloaded once to this device — if it is missing, the screen shows “Get engine” (about 140MB, needs internet).
  • The list on the left is picture cards — each shows its first page and title. Hover a card (or right-click) for its menu: Rename · Share with team · Delete.
  • Saves automatically; you can also click the title to rename.
  • The editor menus (File · Edit · View · Arrange · Extras) sit next to the title. The editor follows the app language, and the button at the right end of the header opens or folds the side chat.
  • “Import” — from the Files tab (pictures and SVGs go onto the current canvas, diagram files open as a new document) or from this computer (including drawio, up to 12MB). Dragging from the files drawer works the same.
  • Ask the side chat to draw or change a flow or structure and the AI applies it to the canvas directly.
  • Diagrams in this tab do not appear in the Files tab list or search.
  • In a project with a team, the card menu’s “Share with team” turns the diagram into a team file named after its title that every member can see and get. It is one way: your card becomes a “Team” card, and diagrams teammates shared show up in the same list as “Team” too.
  • When several people open a team diagram, they edit it together — one person’s device (HOST) holds the source and edits show up on each other’s screens right away. ⌘Z undoes only your own edits.