A good onboarding process makes new hires fit in with existing teams and productively contribute faster. Instead of overwhelming new colleagues with pages of text, diagrams clarify complex topics at a glance.

All of the diagrams in this template have been created with draw.io for Notion, a Chrome extension that embeds a powerful and secure diagram editor right in your Notion page.

Customise and edit the example template diagrams in this process, and add links in the diagrams to your company’s resources, documentation and forms.

Visual Onboarding - Table of Contents


How to Embed Diagrams in Notion

Install: draw.io for Notion Chrome browser extension

draw.io is a powerful and secure diagram editor, also available online at app.diagrams.net. You can draw a wide range of diagrams with the vast shape libraries and templates.

Activate: Click on Extensions, and pin draw.io for Notion.

Untitled

draw.io for Notion works by embedding your diagram data in a .SVG file, which is displayed as an image when you view the Notion page.

Add a diagram: Click on the draw.io for Notion extension and select Insert Diagram.

Untitled

A new diagram section will be added at the end of your Notion page.

Drag the new diagram into position on your page.

<aside> 💡 You can send any diagram file (filename.drawio.svg) with someone who doesn’t use Notion, and they can open and edit it at app.diagrams.net.

</aside>

Why Diagram?

Getting started diagramming - a visual tutorial

Troubleshooting diagrams in Notion


Application Process Flowchart

You’ve already completed this bit - welcome on board!