General Tips

General tips for draw.io

Insert SVG images into a diagram
Insert scalable SVG images into a diagram using one of the methods below. Drag and drop the SVG image file from your computer onto the drawing canvas...
Wed, 5 Aug, 2020 at 12:30 PM
Publicly publish a diagram stored in Google Drive
While editing your diagram in diagrams.net, select File > Publish > Link from the menu. Click Check to make sure your diagram file is public, then...
Mon, 27 Jul, 2020 at 11:11 PM
How to use draw.io in Github markdown?
Here is an example of using a versioned diagram in a Github README file, https://github.com/jgraph/drawio-github
Mon, 14 Oct, 2019 at 10:14 PM
Use the voice plugin
The voice plugin reports information about shapes and connectors, and reports the changes you make to the diagram (Google Chrome, Firefox and Safari). Usin...
Wed, 5 Aug, 2020 at 4:09 PM
Enable or disable the collapse/expand feature on container shapes
You can collapse and expand (or fold) container shapes, available in the Advanced shape library. This behaviour is enabled by default, but may be disabled ...
Fri, 31 Jul, 2020 at 4:12 PM
Change the shape of a participant on a UML lifeline
Select the lifeline on the drawing canvas. Hold down Shift, then click on the shape you want to use. The participant at the top of the lifeline will be r...
Fri, 31 Jul, 2020 at 4:47 PM
Crop the PDF export to the diagram size
To export a PDF file that matches the size of the diagram instead of the page size, disable the page view.  1. Make sure nothing in your diagram is sel...
Thu, 23 Jul, 2020 at 6:20 PM
Change the writing direction
Select the shape on the drawing canvas. In the Text tab of the format panel on the right, click on the Writing Direction drop-down list and select anothe...
Fri, 31 Jul, 2020 at 5:09 PM
Work with revisions of diagrams stored in Google Drive
When you store your diagrams in Google Drive, diagrams.net automatically saves changes to a revision history. Select File > Revision History to see th...
Tue, 4 Aug, 2020 at 6:34 PM
Add and remove waypoints on connectors
To add a waypoint, use one of the following methods. Right-click on the connector, then select Add Waypoint from the context menu. Drag anywhere on the ...
Tue, 4 Aug, 2020 at 6:32 PM