General Tips

General tips for draw.io

Embed your diagram as an SVG in a web page
You can embed the SVG markup of your diagram in web pages, or services such as Blogger. Your diagram is not hosted anywhere as it is fully described wit...
Wed, 5 Aug, 2020 at 1:26 PM
Compare embed and export formats
While the embed code for HTML, SVGs and images are similar, you will find that one is better for your situation than another. HTML SVG Image Requi...
Thu, 6 Aug, 2020 at 3:26 PM
Publicly publish a diagram as a link
You can encode a diagram created in diagrams.net within a URL. When someone clicks on that URL, they will see a static copy of your diagram, at the time you...
Fri, 31 Jul, 2020 at 2:58 PM
Select multiple shapes
With a mouse: Drag a selection box so that it fully includes all the shapes you want to select. Hold Shift or Cmd and click on a shape to add or remove ...
Fri, 31 Jul, 2020 at 3:14 PM
Snap to point shape property
Normally, when you drag a floating connector around a shape, it moves evenly, connecting to the closest or optimal location. If you want to restrict con...
Thu, 6 Aug, 2020 at 2:39 PM
Disable group resize
When you resize a group of shapes, all of the shapes are resized proportionally, maintaining their positions in relation to each other. If you want to be ab...
Thu, 6 Aug, 2020 at 2:59 PM
Move an area of your diagram
You can quickly move an entire area of your diagram with a shortcut that was previously known as the scissors tool. Hold down Ctrl+Shift on Windows or Cmd...
Thu, 6 Aug, 2020 at 3:10 PM
Deselect shapes and child shapes
Hold down Alt+Shift. Drag a deselection box around those shapes that you don’t want to include in your selection. Use a deselection box to remove the ch...
Thu, 6 Aug, 2020 at 5:42 PM
Delete a shape with all of its connectors
If you press Backspace or Delete after you have selected a shape, it will only delete that shape and not the connectors attached to it. Use a combination of...
Thu, 6 Aug, 2020 at 6:36 PM
Overlap shapes and containers
When you drag and drop a shape onto a container shape it normally is added as a child shape inside the container. You can overlap the shape and the containe...
Thu, 6 Aug, 2020 at 6:31 PM