Mermaid

Mermaid is a diagramming platform from the team behind the open-source Mermaid.js project. Users can describe a diagram in a prompt, upload a document or paste a transcript, or write Mermaid syntax, and the diagram is built on a shared canvas. The site states it is trusted by over 5M people and over 200k companies.

What It Is

Mermaid is a text-and-AI-driven diagram editor that combines a code panel, a visual editor, and an AI assistant. It supports diagram types including flowcharts, sequence diagrams, Gantt charts, ER diagrams, timelines, mind maps, org charts, block diagrams, state diagrams, git graphs, user journeys, class diagrams, pie charts, and quadrant charts.

How the Workflow Works

• Create with AI: Mermaid AI accepts prompts, uploaded documents, or pasted transcripts, holds context across the conversation, and suggests a fitting diagram type.
• Build with code: Write Mermaid syntax and see the diagram render live. Clicking a node jumps to its code, and clicking the code finds its shape on the canvas.
• Edit visually: Adjust diagrams with node alignment and edge reattachment without rewriting syntax, and co-edit in real time or share via a link that needs no login.
• Present: Walk people through diagrams in a presentation mode without exporting to another tool.

Where It Fits in Your Tools

Mermaid offers plugins for tools such as GitHub Copilot, Confluence, and VS Code, where diagrams can be previewed alongside code. An MCP server lets Claude, VS Code, and Cursor generate, validate, and render diagrams. The vendor also lists SOC 2 compliance, encryption, access controls, and SSO.