Notion diagrams. Notion drawings. One button.

A real diagram tool, inside your Notion page.

Flowblock adds a floating button to every Notion page. Click it, sketch in Excalidraw or draw.io - and your diagram saves as a native Notion image block. Editable forever, even if you uninstall.

Add to Chrome - free 5 drawings / month · no credit card
i.

One floating button, every page.

No menus, no slash commands. Open any Notion page, click the Flowblock button, start drawing. The fastest path from "I want a diagram here" to actually having one.

ii.

Excalidraw and draw.io.

Hand-drawn whiteboard sketches in Excalidraw. Rigorous technical diagrams in draw.io. Pick the right tool per drawing - same FAB, same save flow, same Notion page.

iii.

Version history with rollback.

Every save keeps the last five versions of the diagram, embedded right in the Notion image. Sketch boldly, experiment freely - restore any earlier snapshot with one click.

Draw in Notion · the way it should have worked
how it works

From blank page to editable diagram, in three steps.

No new tab, no copy-paste, no second tool. Sketch where your work already lives - and the result lives there too.

01

Open any Notion page.

The Flowblock button sits in the bottom-right corner of every page you've connected - quietly out of the way until you need it.

02

Click. Pick your editor.

One click opens a blank canvas in Excalidraw (sketches, whiteboarding) or draw.io (technical diagrams). Right-click the button to switch the default editor.

03

Save - done.

Your drawing becomes a native Notion image block, inserted right where you clicked. Reopen any time to edit; we keep the source so the diagram stays editable forever.

watch it in action
pricing

Pay for unlimited. Get started for free.

Free covers 5 drawings a month. Go Pro when diagrams become a daily habit.

good to know

Common questions.

How is this different from the free draw.io extension for Notion?

Four things: (1) two editors - Excalidraw for sketches and whiteboarding, draw.io for precise technical work, switchable per diagram. (2) Version history with one-click rollback on Pro. (3) Multiple Notion workspaces from a single install. (4) Mermaid / AI flowchart import - paste Mermaid into a Notion code block and convert it to an editable diagram in one click.

Can I use it as a whiteboard for brainstorming?

Yes - Excalidraw is built for that. Sketch ideas freehand, drop in shapes and arrows, write rough notes. Save when you're done and the whiteboard becomes a Notion image block on the page. Reopen any time to keep working.

How do I switch between Excalidraw and draw.io?

Two ways:

  • Right-click the floating button to pick Excalidraw or draw.io for the next drawing only - your default isn't changed.
  • Open the popup (Flowblock icon in the toolbar) → Settings → Default editor to set the editor every new drawing uses.

Existing drawings always reopen in the editor they were created with. Excalidraw stays in Excalidraw, draw.io stays in draw.io.

Notion has its own diagram blocks - why use Flowblock?

Notion's built-in options (Mermaid code blocks, simple shapes) cover basic cases. Flowblock gives you two full diagramming tools - Excalidraw and draw.io - directly in your page, with a real canvas, libraries of shapes, freehand drawing, and version history. Same workflow as Notion-native; far more capability.

Is the diagram still editable later, or is it just a static image?

Editable forever. We embed the source (Excalidraw scene or draw.io XML) inside the saved SVG. Hover the image in Notion → click Edit → the modal reopens with everything intact. No exports, no separate file storage, no lock-in.

What happens to my drawings if I uninstall?

They stay. Drawings live as Notion image blocks in your workspace - Flowblock just put them there. Without the extension they're regular images you can still view, share, and embed. We never store drawing content on our servers.

How do I connect Flowblock to a Notion page?

Click the Flowblock icon, sign in with Notion, and pick which pages to grant access to. Pick top-level pages or whole sections - Notion extends that permission to every sub-page automatically, so new pages underneath just work.

Does it support dark mode?

Yes. Drawings always save in light mode (so they read correctly for everyone), but the editor itself can match Notion's dark theme - toggle in the popup.

Which Notion plans does it work on?

All of them - Free, Plus, Business, Enterprise. Flowblock uses Notion's standard file-upload API, available on every plan tier.

Firefox or Edge?

Chrome is live now. Firefox and Edge are in progress.

Which editor does the Import button use?

The Import button on a Mermaid block opens the diagram in your default editor - whichever you've set in the popup (toolbar icon) → Settings → Default editor.

To send a specific block to the other editor, switch the default first, then click Import.

I have Mermaid blocks too - does that work?

Yes. Hover any Mermaid block in Notion (including any AI flowchart Notion AI emitted as Mermaid), click Import, and it opens as an editable diagram - same workflow as drawing from scratch. Read the guide →