General Tips

General tips for draw.io

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
Import a diagram into Google Drive
You can import a diagram into Google Drive in one of two ways. Import the diagram into Google Drive Create a new diagram and store it in Google Drive...
Tue, 4 Aug, 2020 at 8:04 PM
Autosize shapes to fit their text labels
Autosize allows you to fit the outer size of your shapes to the height and width of their text labels. Select the shapes you want to resize. If you want ...
Wed, 15 Dec, 2021 at 3:42 PM
Format text using superscript and subscript
Double click on a shape or a connector to edit its label. Select the text in the label that you want to turn into a superscript or subscript. In the Tex...
Wed, 5 Aug, 2020 at 9:51 AM
Change the background colour in diagrams.net
Select File > Page Setup. Click on the colour square next to Background to see a colour palette. The default background colour is transparent. Selec...
Wed, 5 Aug, 2020 at 11:16 AM
Replace existing shapes
Replace a single shape Drag a different shape from a shape library on the left. Hover over the existing shape you want to replace in your diagram until ...
Wed, 5 Aug, 2020 at 11:33 AM
Copy and paste the styles of shapes and connectors
Instead of styling every shape individually, you can style one, then apply that style to multiple selected shapes via the format panel. Update the style ...
Wed, 5 Aug, 2020 at 12:46 PM
Create and edit complex custom shapes
diagrams.net has a large library of pre-built shapes, but it also lets you embed your own raster and SVG images in your diagrams. While this provides you wi...
Fri, 28 Aug, 2020 at 5:01 AM
Embed HTML
Use File > Embed > HTML to generate HTML markup that you can then embed in a HTML page (or a service such as a blogging platform). The HTML markup re...
Wed, 19 Aug, 2020 at 3:05 PM
Embed mode
If the embed=1 URL parameter is used, the client runs in embed mode and the page will send a "ready" message to the opener or parent when the pag...
Mon, 16 Nov, 2020 at 6:46 PM