Learn draw.io within draw.io

Interactive Tutorials

We offer live hands-on training within Confluence, and in draw.io’s workspace simultaneously to learn and create your diagrams hands-on with no distractions and no endless window hopping from tutorial to workspace and back. The lessons consist of easy steps within draw.io that you can learn and replicate simultaneously on the canvas.

… still need help?

Just drag and drop the .XML file to a blank draw.io canvas to use them. You can even embed the tutorials in the draw.io template manager to make them available universally for your entire company.

Check out our blog post for help


Beginners Guide

Nine steps to get started quickly with draw.io:

  • Learn how to navigate through the canvas
  • Find the right tools and panels on the draw.io interface
  • Work with shapes, text, colors, links and images


Layers Guide

Think and work in layers to structure complex diagrams:

  • Work with the layer panel
  • Add, lock, order and duplicate layers
  • Add and move shapes to and between layers


Connectors Guide

Learn how to connect shapes like a pro:

  • Differentiate between fixed and floating connectors
  • Adjust connectors and work with waypoints
  • Get to know different styling options
  • Learn shortcuts and advanced tips


Interactive Shapes Guide

Toggle parts of your diagram on and off after creating an interactive diagram with custom links and actions:

  • Work with layers and layer IDs
  • Add custom links and create toggle buttons
  • Create an interactive floor plan