Notion is a collaboration platform with web, desktop and mobile applications, providing individuals and teams with a range of features for collaboration, documentation and personal organisation: notes, databases, kanban boards, wikis, calendars, and reminders.

Note: A Chrome Extension also exists that allows you to store your single-page diagrams in Notion as .drawio.svg files, and edit them directly in Notion.

The block based editor allows you to embed diagrams into your pages, by embedding draw.io鈥檚 online diagram viewer (app.diagrams.net). Embedded diagrams are visible both in the page view and when you view the embedded content in the full screen view. You can see all of the pages in a diagram and interact with the layers on each page, if you have chosen these settings when creating the embed code.

Get started using draw.io

See how to use Notion and its features

You can encode your diagram into a URL and embed that in a Notion page.

Note: All of the diagram data is within the embedded diagram URL - this does not allow viewers or Notion to access your original diagram file.

Now that you have generated the embed code, you can add this as an embedded link to your Notion page.

Resize the diagram: Click on the diagram to see the black resize handles. Grab and drag these to resize your diagram on the page.

View the diagram in full screen: Click on the three horizontal dots in the top right of your diagram, and select Full screen to see the diagram in a larger viewer.

Enable/disable layers, view pages: Use the tools at the bottom of the diagram to step through the various pages, enable or disable the layers. This works both in the page view, and in full screen (below). If the diagram was exported without pages and/or layers, these options won鈥檛 be available in the toolbar.

Edit the diagram: Click the pen icon to open a copy of the diagram for editing in the draw.io editor. When you edit a copy of the diagram, you鈥檒l need to re-embed the diagram code in the Notion page.

Comment on diagrams: Click the three horizontal dots in the top right of your diagram, or on the comment icon if one is displayed. Type your comment and click Send. You can mention other notion users in your comment. Click Resolve to close a comment.

Follow us on GitHub, Twitter, Facebook.