draw.io Beginner Academy – Get started with our new video series

By Emily Williams

January 8, 2026

Learn something new in 2026

What better way to start the new year than by learning something new! We’ve recently released our Beginner Academy playlist on YouTube. Here, you can find everything you need to get going: from creating diagrams in Confluence and accessing key diagramming features, to exploring customization options, importing and exporting, and seeing real-life use cases.

This video series can also be found on the Seibert Academy website. You can work through the videos, and your progress will be saved so you can quickly pick up from where you left off. In addition, you’ll automatically receive a Course Completion Certificate at the end, which you can download as a PDF and keep for your records!

Screenshot showing a preview of the Getting started with draw.io video series on the Seibert Academy elearning platform

Check out the video playlist on Seibert Academy!

Here’s a sneak peek of what each video contains:

Welcome

Get ready to dive in! We’ll start your journey to diagramming success, covering everything from the basics to more advanced tips like customization and collaboration, so you can create and share professional visuals that clarify concepts and wow your team and stakeholders.

Video: Getting started with draw.io

Image showing a screenshot of the Welcome video from the Getting started with draw.io video series. The screenshot shows the presenter, Eric Humphrey, on the left and text boxes on the right saying, “Understanding the Interface” and, “Creating Simple Diagrams”

Diagram vs. Board editor – What’s the difference?

Do you need a super-detailed process map or a creative mind map to collaborate on with your team? We break down the difference between the Diagram editor for complex diagramming and the Board editor with its more minimalist interface, so you can pick the perfect editor for your needs.

Video: Diagram vs. Board editor – What’s the difference?

Image showing a side-by-side comparison of the Diagram and Board editor in draw.io. The Diagram editor on the left shows a technical sequence diagram, the Board editor on the right shows an Agile retrospective collaborative whiteboard

How to add a draw.io diagram in Confluence

We’ll show you the fastest way to add a draw.io diagram directly into your Confluence page, whether you’re creating a brand new diagram or embedding an existing one.

Video: How to add a draw.io diagram in Confluence

Image showing a blank Confluence page. The shortcut “/draw” has been typed in, and the options to insert a new draw.io diagram, a new board, or embed an existing diagram, are visible.

Introducing the template manager

This video guides you through the template manager, letting you start any project quickly—either by picking a ready-made template, or launching straight into a blank canvas.

Video: Introducing the template manager

Image showing the template manager in draw.io, with 6 diagrams from the Flowcharts category visible

Working with the draw.io canvas

Learn all the secrets to customizing your canvas, from turning on the grid view and changing colors to mastering navigation, zooming, and switching the draw.io interface to dark mode.

Video: Working with the draw.io canvas

Image showing the Diagram editor in draw.io. The move cursor is visible, allowing the user to easily move around the diagram preview.

Build a flowchart

Here we build our first diagram, a simple flowchart, while exploring all the must-know tools in the editor. Find out how to set the style for your whole diagram before you start, and learn how to store shapes, groups of shapes, and even entire diagrams, in your personal Scratchpad.

Video: Build a flowchart

Image showing a finalized flowchart in draw.io, with customized shape colors.

Working with connectors

Here you’ll learn the difference between flexible floating connectors (the default) and precise fixed connectors, plus a number of shortcuts to organize your lines with perfect precision.

Video: Working with connectors

Image showing a section of a draw.io diagram. The right-most shape has a blue highlighted border, implying the connector joining it attached via a floating connection

Add text and fonts

Learn the simple ways to add text to any shape, adjust the fonts and sizes, and use advanced text options to insert links, bullets, and other finer details.

Video: Add text and fonts

Image showing a section of a draw.io diagram in the editor, with the Text customization options highlighted in the right side menu

Customize your diagram preview and style

We show you the different options available in the Diagram and Style tabs so you can change the viewer settings in Confluence, apply a Sketch effect to elements, and instantly revamp your diagram with color schemes.

Video: Customize your diagram preview and style

Image showing the color palette in the draw.io editor, showing the range of colors you can use to customize shapes, fonts, connectors, etc.

The Arrange tab explained

Keep your diagrams looking neat: learn how to align, distribute, group, and lock elements, so everything stays balanced and keeps that professional, consistent feel.

Video: The Arrange tab explained

Image showing a section of a diagram in draw.io. The Arrange tab is highlighted in the right side menu, showing options to resize elements, move them forwards or backwards, copy and lock elements, etc.

Live collaboration

Collaborating in real time with live mouse cursors is one of the greatest strengths of using draw.io in Confluence. See how easy it is for you and your colleagues to jump into the draw.io editor and collaborate, brainstorming and building diagrams together in real-time.

Video: Live collaboration

Image showing a mind map created in the draw.io Board editor brainstorming short film ideas. 4 sticky notes with ideas have been captured, and three colleagues are collaborating in real-time on the diagram

Save and publish your diagram

We walk you through the simple process of publishing your diagram to a Confluence page, plus how autosave keeps you covered in case of lost connection or accidental edits.

Video: Save and publish your diagram

Image showing a draw.io diagram added to a Confluence page. The "Publish" page button is highlighted in upper right corner.

Import, export, and embed your diagrams

Discover how to easily import files, including Gliffy diagrams using our Mass Import tool if you’re migrating to draw.io. Learn how to export your finished work to various file formats including PNG or PDF. Find out how to embed your visualizations using formats like HTML and XML.

Video: Import, export, and embed your diagrams

Image showing the draw.io diagram editor. The file path File > Export As > options is displayed, showing options to export your diagram as HTML, PDF, PNG, XML, etc.

Real-world draw.io use cases

We showcase a variety of real-world examples that highlight the versatility of draw.io – perfect for everything from network design and wireframes to business charts and graphics.

Video: Real-world draw.io use cases

Image showing a section of the Engineering use case page the draw.io app website. There are two tabs: one for process flow diagrams and one for circuit diagrams. Process flow diagrams is displayed, with an example diagram and brief description of what process flow diagrams are for.

Congratulations – You’ve completed the course!

You made it – Congratulations on finishing the course! Here, we recommend you subscribe to our channels for more diagramming tips and tricks, and encourage you to apply what you’ve learned today!

Video: Congratulations – You’ve completed the course!

Image showing a selection of videos from the draw.io app YouTube channel

You are currently viewing a placeholder content from YouTube. To access the actual content, click the button below. Please note that doing so will share data with third-party providers.

More Information

Not using draw.io for Confluence yet? Start today!

Want to dive deeper into the world of draw.io? Access our linktr.ee page to follow us on social media and learn how others use draw.io, as well as pick up some helpful tips and tricks.

Not using draw.io yet? Convince yourself and start your free 30-day trial today. Or book a free no-obligation demo with our customer success team to learn more about how draw.io can make life easier and more productive for you and everyone in (and outside of) your company!

Happy diagramming!