General Tips

General tips for draw.io

Numbering Elements
To automatical add numbers to labels in elements in a diagram, add the number plugin by navigating to Extras->Plugins. In the plugin dialog click "a...
Wed, 18 Jul, 2018 at 5:26 PM
Show Properties in Chromeless mode
To show properties (metadata) in chromeless mode, add p=props to the URL. Here is an example.
Sun, 12 Mar, 2017 at 1:52 PM
Extracing Text from Diagrams
To extract all text from a diagram, use the text plugin by adding p=text to the URL, then go to Extract, Extract Text. Here is an example.
Sun, 12 Mar, 2017 at 1:55 PM
Adding Entries in UML Diagrams
Press Ctrl+Enter to clone an entry in a list shape, start typing to change the value and press Ctrl+Enter to apply the new value. Repeat for adding more ent...
Sun, 12 Mar, 2017 at 2:00 PM
How to create a bidirectional arrow?
To change a single headed arrow to a double headed arrow, use the drop down boxes in the style tab of the format panel as follows: See also: How to crea...
Wed, 26 Apr, 2017 at 6:35 AM
List of diagrams.net plugins
There are a number of built-in plugins that can be added to diagrams.net, either added as a one-off or loaded every time you use diagrams.net with that brow...
Wed, 5 Aug, 2020 at 2:08 PM
How to create a connection with no arrows?
To remove all arrows from a connection, use the drop down boxes in the style tab of the format panel as follows: See also: How to create a bidirectio...
Wed, 26 Apr, 2017 at 6:34 AM
How to position labels outside of shapes?
Select the shape(s) whose you wish to alter and in the right-hand format panel select the "text" tab. Part-way down you'll find the "pos...
Mon, 30 Jul, 2018 at 10:47 AM
How to export higher resolution (higher DPI) images?
By default PNG images created are not print quality and you may require higher resolution output. Unfortunately, it's not currently possible to specifi...
Fri, 22 Sep, 2017 at 5:12 PM
How to delete an existing background image in draw.io?
If you have an image set as the background image for a diagram and want to delete it, with nothing selected, in the right-hand "diagram" panel sel...
Sun, 2 Jul, 2017 at 3:20 PM