Docs
Everything you need to use SayDiagram
Product how-tos by category — create, arrange, present, share, and collaborate. Mermaid syntax lives in Learn.
Getting started
Sign in and create your first diagram.
Create & edit
Editor, Arrange, AI, themes, and Present mode.
Editor basics
Split-pane Monaco editor with live Mermaid preview, auto-save, and title editing.
Open guide →Arrange mode
Drag nodes on a visual canvas while Mermaid source stays editable and in sync.
Open guide →AI: idea, scan, and layout
Generate Mermaid from plain language, scan a sketch, or polish layout with daily AI allowances.
Open guide →Themes, fonts, and hide nodes
Apply Mermaid themes and fonts, and hide nodes to focus a story without deleting them.
Open guide →Present mode
Fullscreen step-through of flowchart nodes, sequence events, pie slices, Gantt tasks, and more.
Open guide →Share & export
Visibility, PNG/SVG/PDF, embeds, and design-tool paste.
Share and visibility
Private, Unlisted, and Public links — plus Free share caps and Team org share lock.
Open guide →Export and copy
Download SVG, PNG, or PDF, and copy into Figma, Penpot, Excalidraw, and Canva.
Open guide →Embed diagrams
Embed SayDiagram in Notion, docs sites, and blogs with iframe or oEmbed. Public and unlisted share links only.
Open guide →Library & account
Folders, versions, plans, and billing.
Team
Invites, roles, comments, and realtime co-edit.
Integrations
VS Code, GitHub sync, design tools, and public API.
IDE extension
Preview .mmd files locally, open them in SayDiagram, or generate with AI — in VS Code, Cursor, Windsurf, and VSCodium.
Open guide →Figma and design tools
Paste SVG or PNG into Figma, FigJam, Penpot, Excalidraw, and Canva — plus the SayDiagram Figma plugin.
Open guide →GitHub sync
Push and pull Mermaid to a gist or repo file, with optional Auto-sync via the GitHub App (Pro/Team).
Open guide →Public API
Create diagrams from an idea or image with Pro/Team API keys — Bearer auth to /api/v1.
Open guide →Integrate with AI agents
How Cursor, Claude, and other agents should discover and call the SayDiagram Public API.
Open guide →Also see
- Learn Mermaid
Syntax lessons and cheatsheets
- Templates
Openable diagram templates
- FAQ
Short answers on plans and features
- Pricing
Free, Pro, and Team