📐

Diagram and Whiteboard Tools

Ways to get an idea out of your head and onto a canvas: AI generators, text-to-diagram languages that live in version control, and whiteboards for working with other people.

15 tools Links out, nothing to install
  1. 1
    Napkin AI Free tier · paid plans

    Paste a paragraph of text and it proposes several visuals for it. The output needs editing, and it beats staring at an empty canvas when you have to illustrate a doc.

    aitext-to-visualpresentations
  2. 2
    Excalidraw Free · open source · paid team plan

    Hand-drawn look that makes a diagram feel provisional, so people argue with the idea instead of the styling. Free, no account needed, and it exports cleanly.

    sketchingopen-sourcefree
  3. 3
    Mermaid Free · open source

    Diagrams written as text, rendered by GitHub, GitLab, Notion and most documentation tools without a plugin. The right answer when a diagram must live next to the code and survive review.

    text-to-diagramdocsopen-source
  4. 4
    Mermaid Chart Free tier · paid plans

    A hosted editor for Mermaid with a visual mode and AI generation on top of the same syntax. Useful when part of your team refuses to write markup.

    text-to-diagrameditorai
  5. 5
    D2 Free · open source

    A newer diagram language with much better automatic layout than Mermaid on dense architecture graphs. Fewer integrations, noticeably prettier output.

    text-to-diagramarchitectureopen-source
  6. 6
    Graphviz Free · open source

    The original layout engine, still unbeaten for programmatically generated graphs with thousands of nodes. Ugly by default and it will never break your build.

    text-to-diagramgraphsopen-source
  7. 7
    PlantUML Free · open source

    Text-based UML with sequence, class and component diagrams covered properly. Verbose syntax, and the only sensible pick when you need formal UML rather than boxes and arrows.

    umltext-to-diagramopen-source
  8. 8

    Free forever, works offline, stores files wherever you want, and has every stencil set you will ever need. It looks dated because it has been reliable for a very long time.

    freeofflineflowcharts
  9. 9
    Whimsical Free tier · paid from about $10/mo

    Flowcharts, wireframes and mind maps that snap into place with almost no fiddling. Product managers love it because it is fast and hard to make ugly.

    flowchartswireframesproduct
  10. 10
    Miro Free tier · paid from about $8/mo

    The infinite whiteboard for workshops, retros and sticky-note sessions with a distributed team. It gets slow on very large boards, and the templates carry a lot of meetings.

    whiteboardworkshopscollaboration
  11. 11
    FigJam Free tier · paid plans

    Figma whiteboard, worth using purely because it sits next to your design files. Lighter than Miro on templates, better if the team already lives in Figma.

    whiteboardfigmacollaboration
  12. 12
    tldraw Free · open source · paid licence for commercial embedding

    A very fast open source canvas that developers embed into their own products. As an end-user whiteboard it is minimal in the good sense.

    whiteboardopen-sourceembeddable
  13. 13
    Eraser Free tier · paid from about $10/mo

    Docs and diagrams together, aimed squarely at engineering design documents. The AI diagram generation understands cloud architecture vocabulary better than general tools.

    architecturedocsengineering
  14. 14
    Lucidchart Free tier · paid from about $9/mo

    The enterprise option, with data linking, permissions and admin controls that IT departments ask about. Heavier than everything else here and it is built for that audience.

    enterpriseflowchartsadmin
  15. 15
    Structurizr Free tier · paid plans

    Implements the C4 model, so you describe your architecture once and generate every zoom level from it. Niche, opinionated, and excellent if you have adopted C4.

    architecturec4-modelas-code