Getting from A to B: Waypoints in draw.io Connectors play a pivotal role in creating the relationships between your shapes. Without them, they're just random shapes on your canvas. But it's not enough just to have connectors. Especially in more complex diagrams, which may contain many intersecting connectors, you have to have a way [...]
As an administrator, you can customise draw.io in Confluence Cloud to make it easier and faster for your users to create diagrams following your company’s particular style by setting default colours, style palettes, and fonts. You can even make the draw.io interface fit your customised Confluence Cloud interface. Custom colour [...]
Are you frustrated with boring straight connectors? Use curved connectors in draw.io to make your diagrams more fun for your readers.
Lines, connectors, arrows, transitions - these are the glue that hold diagrams together. Styling your connectors will help make your diagrams more readable, and that's easy to do in draw.io!
Now that you've learnt how to insert and modify shapes, add text and use connectors, it's time to put it all together. In this exercise you'll learn some more advanced formatting options by using the format panel on the right hand side.
Now that you are comfortable modifying an existing diagram by editing shapes, it's time to build one from scratch. You'll need to add shapes from the symbol library, draw connections between the shapes, and add text to both the shapes and the connectors.
Sometimes you don't want to connect to any particular connection point, but to the edge of a shape. And perhaps you want one end of a connector to move and the other to stay in one position. There are two types of connections, indicated with blue and green frames in draw.io.
If you draw additional lines between shapes in a diagram, they won't move with your shapes when you move them around the drawing area. By using actual connectors (not lines), your diagram becomes much more flexible and easy to work with. There are four different ways you can create connectors between shapes and quickly extend your diagrams in draw.io.
You can double click anywhere on a connector to add a text label in that position. Once created, that label can be rotated like any shape, using the rotation handle. Animation of adding and rotating edge labels in draw.io
If you select a connector, you'll see semi-transparent handles in between all existing waypoints. Drag these to new positions to easily create new to add a waypoint. If you want to remove a waypoint, double click on it. Animation showing the addition of a connector waypoint in draw.io