HDTutorial
EN
How to use connectors in draw.io diagrams

Playback starts YouTube’s embedded player (privacy-enhanced mode).

How to use connectors in draw.io diagrams

130,727 views October 26, 2017 1:11

Watch on YouTube
Channeldraw.io

Description from the creator

You can also have a look at our dedicated playlist on connectors in draw.io for Confluence, see drawio.link/connectors

It's easy to connect shapes in draw.io:
- Drag connectors out from the blue arrows and drop them on another shape while they are outlined in blue to create floating connectors.
- Click on one of these blue arrows to duplicate your shape and connect it automatically.
- Click and drag a connector from one of the fixed connection points (crosses in a green circle) to add a fixed connector.
- Change the arrows and connector styles in the format panel.

Read about the different types of connectors on our blog: drawio-app.com/floating-and-fixed-connections-i…

––––––––

draw.io is available on the Atlassian Marketplace – install your free 30-day trial today!
drawio.link/marketplace

––––––––

Follow us on other platforms: linktr.ee/draw.io

––––––––

Visit our website: drawio-app.com
See what's possible with draw.io: drawio-app.com/examples/

––––––––

Visit our blog to always stay up-to-date: drawio-app.com/blog

––––––––

Learn more about diagramming with draw.io here:
- Video Tutorials: drawio-app.com/tutorials/vide...
- Interactive Tutorials: drawio-app.com/tutorials/inte...
- Step-by-Step Guides: drawio-app.com/tutorials/step...
- Whitepaper: drawio-app.com/tutorials/whit...
- Shortcuts: drawio-app.com/tutorials/shor...

––––––––

Social Media
- Facebook: facebook.com/draw.io.offi...
- LinkedIn: linkedin.com/company/draw-io
- Instagram: instagram.com/drawioapp
- Twitter: twitter.com/drawio
- TikTok: tiktok.com/@drawio_app

About this tutorial

draw.io published this 1:11 video tutorial on October 26, 2017. It has been watched 130,727 times on YouTube.

Channel
draw.io
Duration
1:11
Published
October 26, 2017
Views
130,727
Likes
271

Tags

Share

Further reading

  • How to use Connectors? : draw.io Helpdesk desk.draw.io

    Some layouts/arrangements use curved connectors. You can incorporate various types of connector shapes through the use of waypoints. Let us start with a simple diagram: two rectangles, linked by a connector. The start o…

  • Entity Relationship Diagrams with draw.io - draw.io drawio-app.com

    When creating ER diagrams with draw.io. Use sliding connectors: When drawing connectors for relationships, make sure you hover over the shape until the outline turns blue – don’t connect it to one of the connection poin…

  • Getting Started with draw.io for Confluence - draw.io drawio-app.com

    Step 2: Get to know the draw.io interface. A diagram typically consists of shapes, connectors, and text. Depending on what you work with, the available tools in the toolbar and the displayed formatting options will chan…

This tutorial in other languages