In the final installment of our learning series, we showcase our interactive tutorials. What sets our interactive tutorials apart from others? Regular tutorials make you keep multiple windows or tabs open if you want hands-on learning. You end up jumping from the video to the workspace to the video to the workspace to the video and back again and again (and again…).
Our interactive tutorials let you learn to create a diagram, within the diagram creation process itself. No jumping required! Stay within Confluence, and in draw.io’s workspace simultaneously to learn and create your diagrams hands-on with no distractions — and no window hopping.
Our current collection of guides
From rookie to master, we have just the guide to suit your level:
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
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
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
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
Download a tutorial
When you’re on our interactive tutorials page, you’ll see previews of the tutorials and download buttons below each one. When you click the download button, a window will appear, showing you what to do next:
Open draw.io (blank diagram)
Drag & drop your XML file onto your empty drawing area
(…and most importantly) Have fun!
Navigating within the Interactive Tutorial
Once you’ve embedded the .XML file into your new draw.io diagram, you should see the page tabs along the bottom of the workspace. Navigate through the page tabs at your own pace, being sure to go through them in order. Follow the instructions on the page to perform the task and move onto the next step.
Once you’re done, embed the tutorials as custom templates in draw.io so you can access them at any time from the template manager for all your onboarding/training needs. This YouTube video and blog post will show you exactly how it’s done.
Never stop learning!
Now that you’ve had a chance to take a look at our learning section through our last four blog posts, don’t feel like you have to stop learning draw.io. There’s always something new and useful to discover. You may even find new ways to use diagramming in your work. Let us know about your draw.io discoveries! We love to hear from you.