Diagrams

Open a draw.io file (.drawio, .dio or .drawio.xml) from Files to edit it on a canvas.

Edit the drawing

The tool ring adds rectangles, ellipses, text, connectors and images. Select a shape to move or resize it, or use the Properties pane to change its appearance. Drag a connector from one shape to another to keep them connected as you move things around. Double-click a shape or label to edit its text, then click away to finish. Use Ctrl+click to select several shapes, and Ctrl+Z to undo an edit.

Accent shows a dashed box for a draw.io shape it cannot draw yet. If the diagram uses images from the web, choose Load in its banner to show them.

Pages and notes

The Outline pane lists pages and shows their thumbnails. Click a page to open it, or drag its thumbnail to change the order. Use the thumbnail buttons to add or delete pages.

To show a diagram in a note, write ![[flow.drawio]] for its first page. For a named page, use ![[flow.drawio#Page name]]. Click the embedded drawing to open the diagram.

Share the result

Print… and Export as PDF… include every page. Export as PNG… and Export as SVG… use the current page. Exports use the file’s colours, even if you have inverted the canvas to read it. See Preferences for diagram colours and the grid, or Keyboard shortcuts for canvas controls.