Interactive Tutorials

What better way to learn how to use draw.io than from within the tool? Discover how to use draw.io directly in the diagram editor itself.

Interactive Tutorials

What better way to learn how to use draw.io than from within the tool? Discover how to use draw.io directly in the diagram editor itself.

Jump straight into draw.io

With our interactive tutorials, you’ll learn step-by-step within the draw.io canvas itself.

Jump right in and learn all of drawio’s most important features when you want, where you want. We have tutorials for all levels, from beginners wanting to get to grips with draw.io quickly, right through to advanced users looking to take their diagramming capabilities to the next level.

To use the interactive tutorials:

  1. Click on the Download button below the interactive tutorial you wish to access.

  2. Open a new draw.io diagram.

  3. Drag and drop the .XML file from your downloads folder to the blank draw.io canvas.

Rookie

Beginners Guide (V 2.1)

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

Rookie

Whiteboard Guide (V 1.1)

Nine steps to kick-start your whiteboard experience:

  • Find the right tools and panels on the whiteboard interface

  • Work with shapes, text, colors, links and images

  • Learn how to navigate through the canvas

Rookie

Layers Guide (V 1.3)

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

Advanced

Connectors Guide (V 1.5)

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

Master

Interactive Shapes Guide (V 1.7)

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

Jump straight into draw.io

With our interactive tutorials, you’ll learn step-by-step within the draw.io canvas itself.

Jump right in and learn all of drawio’s most important features when you want, where you want. We have tutorials for all levels, from beginners wanting to get to grips with draw.io quickly, right through to advanced users looking to take their diagramming capabilities to the next level.

To use the interactive tutorials:

  1. Click on the Download button below the interactive tutorial you wish to access.

  2. Open a new draw.io diagram.

  3. Drag and drop the .XML file from your downloads folder to the blank draw.io canvas.

Rookie

Beginners Guide (V 2.1)

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

Rookie

Whiteboard Guide (V 1.1)

Nine steps to kick-start your whiteboard experience:

  • Find the right tools and panels on the whiteboard interface

  • Work with shapes, text, colors, links and images

  • Learn how to navigate through the canvas

Rookie

Layers Guide (V 1.3)

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

Advanced

Connectors Guide (V 1.5)

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

Master

Interactive Shapes Guide (V 1.7)

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

Looking for more ways to achieve diagramming mastery?

Like our Interactive Tutorials, our Step-by-Step Guides are designed to get you up and running with draw.io. They cover all the basics, from adding a diagram to a Confluence page, to creating custom libraries.

Contact

Whether you need help, have feedback, or want to book a personal demo, you can contact us anytime!

Learn

Keen to sharpen your skills? From video tutorials to step-by-step guides, or even live one-on-one sessions, draw.io has a learning solution to suit you.

Legal

Find out about all the legal stuff here, how your diagrams are and will always remain your diagrams, and learn more about our market-leading security.