How to Make a Diagram in Notion

Quick summary

You can create diagrams in Notion by inserting a code block and selecting Mermaid as the language, which automatically renders a visual flowchart from your code. This method supports flowcharts, process diagrams, and step-by-step visual layouts directly inside any Notion page.

Steps

1. Open the Notion page where you want to add a diagram, type /code, then select Code to insert a code block.
2. In the code block, click the language drop-down and search for and select Mermaid.
3. Add your Mermaid diagram code inside the code block — for example, use flowchart TD syntax to define nodes and connections.
4. A live preview of your flowchart will automatically appear below the code block.
5. Edit the labels inside the code to customize your diagram for flowcharts, process diagrams, or step-by-step visual layouts in Notion.