Want to draw a diagram in Notion? No worries! We will let you know the entire process to draw a diagram in Notion.
When you use Notion for everything from managing the tasks to scheduling the meeting you may also need it to create a visual representation for your clients. For this specific reason, it is better to know the method to create a diagram in Notion. For simplicity, the extensions help to create a diagram in Notion.
In this blog, we will use the draw.io extension to create diagrams in Notion.
The major aspects covered in this article are:
- How to Draw Diagrams in Notion?
- How to Draw Diagrams in Notion Using draw.io Extension?
- How to Delete a Diagram in the draw.io Extension?
- How to Import a Diagram in the draw.io Extension?
- How to Export a Diagram with draw.io Extension in Notion?
Let’s start the blog!
How to Draw Diagrams in Notion?
Notion allows you to insert the diagrams in a page or a Notion database using the extension. The extension draw.io helps you to draw the diagrams in Notion hassle-free. This extension works on Chrome, Edge, and Opera browsers.
Let us now look at the method to draw the diagrams using the Notion extension draw.io.
How to Draw Diagrams in Notion Using draw.io Extension?
You can follow the steps elaborated below to draw the diagrams in Notion.
Step1: Install the Extension
In the first step, you can navigate to Chrome’s Webstore to install the extension and search for draw.io for Notion as shown below:
Step 2: Add to Chrome
In the next step, you can add the extension to Chrome using the Add to Chrome button as marked below:
Now, you can add the extension to your browser as shown below:
Once the draw.io extension is added to the browser you can now pin the extension from the top:
Once the extension is pinned at the top, you can easily use it on your Notion page to draw the diagrams.
Step 3: Draw Diagrams Using draw.io
It’s the time to use the extension to draw the diagrams. For this purpose first open your Notion page or Notion database, then click on the draw.io extension to Insert Diagram as shown below:
One important thing to note is that if the Insert Diagram button doesn’t work you can click on the Click here to download the template which works in the same manner. Once the download is complete open the Downloads folder drag the template then drop it in the Notion page:
Once you click on the above button the following panel occurs which contains multiple options for your diagrams:
For instance, we created a Software Development Lifecycle in Notion using different tools like Rectangle and Freehand, and Chose between the colors as shown below:
You can explore other tools also using this extension since it provides multiple options to create diagrams as per your need.
Let us view some other options like how to delete, import, and export the diagrams using the draw.io extension for Notion.
How to Delete a Digram in the draw.io Extension?
For instance, you created a diagram and you want to delete it now. No need to worry, with draw.io you can remove your diagram easily. Press Ctrl + A then navigate to the top left menu and select Delete:
The page will become clear and you can start working again.
How to Import a Diagram in the draw.io Extension?
You can also import the diagram from various sources like URLs, browsers, and devices. You can select the source and import the diagram to your Notion page as shown below:
How to Export a Diagram with draw.io Extension in Notion?
You can export your diagram using multiple options like PNG, JPEG, HTML, etc. Along with that, it allows additional options like Embed:
Apart from that you can use other options from the top left menu. We used some options from the toolbar, format panel, and the main menu to create a diagram using the draw.io extension.
This sums up the discussion on how to draw/create a diagram in Notion.
Conclusion
So now, you have a good idea of how you can create/draw diagrams in Notion. First, you will need to install the draw.io extension in your browser and pin it from the top right corner to start using it. This article discussed the installation process of the draw.io extension along with the process of creating, deleting, importing, and exporting the diagrams.
