AI Flowchart
Create flowcharts, mind maps, sequence/ER/UML diagrams and charts as editable, presentable boards.
Should I use this
Quality & Safety
Based on automated analysis of tool definitions and protocol compliance.
Context Cost
This is the approximate number of tokens consumed each time the server's tools are loaded into a model's context. Higher counts reduce the attention available for other tasks.
Install
One-Click Install
Add this to your `claude_desktop_config.json` file:
{
"mcpServers": {
"diagrams": {
"url": "https://mcp.aiflowchart.io/mcp"
}
}
}Remote endpoints
https://mcp.aiflowchart.io/mcpstreamable-httpWhat it can do
Tool inventory
Tools (5)
🟡create_diagram(type, description)
Create a diagram in AI Flowchart from a plain-English description and get a link that opens it as an editable board (edit, present as an animated slideshow, export PNG/PDF/PowerPoint). Flowcharts, sequence diagrams and mind maps also come back as Mermaid code. Types: flowchart, mindmap, sequence (API / login flows), erdiagram (database), systemdesign (architecture), swimlane, bpmn (BPMN 2.0 business process), orgchart, uml_class, uml_usecase, uml_state, uml_activity, timeline, gantt (project plan), chart (bar/line/pie… from data you describe). Uses 1 AI credit; advanced types need AI Flowchart Pro.
Input Schema
{
"type": "object",
"properties": {
"type": {
"type": "string",
"enum": [
"flowchart",
"mindmap",
"sequence",
"erdiagram",
"systemdesign",
"swimlane",
"bpmn",
"orgchart",
"uml_class",
"uml_usecase",
"uml_state",
"uml_activity",
"timeline",
"gantt",
"chart"
],
"description": "Kind of diagram."
},
"description": {
"type": "string",
"description": "What to draw, in detail: the process, system, data, steps or numbers. Include names and specifics from the conversation."
}
},
"required": [
"type",
"description"
]
}⚪code_to_flowchart(code, language, sample_input)
Turn source code (C, C++, Java, Python or JavaScript, up to 80 lines) into a lab-record style flowchart where every box is linked to its code lines, plus a step-by-step dry run for a sample input (current line, box and variables at each step). Returns a link that opens it ready to play (▶ Explain), the program output and Mermaid code. Uses 1 AI credit.
Input Schema
{
"type": "object",
"properties": {
"code": {
"type": "string",
"description": "The program or function, as source code."
},
"language": {
"type": "string",
"enum": [
"C",
"C++",
"Java",
"Python",
"JavaScript"
],
"description": "Optional; detected if left out."
},
"sample_input": {
"type": "string",
"description": "Optional input for the dry run, e.g. \"n = 5\". Picked automatically if left out."
}
},
"required": [
"code"
]
}🟢list_templates(type)
List AI Flowchart's ready-made templates (lab programs, UML and ER for student projects, system designs, charts, app walkthroughs, code programs…). Free — no AI credits.
Input Schema
{
"type": "object",
"properties": {
"type": {
"type": "string",
"description": "Optional board type to filter by, e.g. flowchart, erdiagram, sequence, mindmap, systemdesign, chart, codeflow, walkthrough."
}
}
}🟢open_template(type, id)
Get a link that opens one of the templates (from list_templates) as a new editable board. Free — no AI credits.
Input Schema
{
"type": "object",
"properties": {
"type": {
"type": "string",
"description": "Template type from list_templates."
},
"id": {
"type": "string",
"description": "Template id from list_templates."
}
},
"required": [
"type",
"id"
]
}🟢render_diagram(mermaid, theme, style)
Turn Mermaid diagram text into a hosted PNG and SVG image URL (cached on a CDN). Use it when a diagram has to go somewhere that cannot run Mermaid: email, Slack or Teams messages, PDFs, Word/Google Docs, Confluence, WhatsApp, a README. Returns the URLs plus ready-made Markdown and HTML. Free — no AI credits.
Input Schema
{
"type": "object",
"properties": {
"mermaid": {
"type": "string",
"description": "Mermaid source, e.g. \"flowchart TD\\n A[Start] --> B{OK?}\""
},
"theme": {
"type": "string",
"enum": [
"default",
"dark",
"forest",
"neutral"
],
"description": "Optional colour theme (default \"default\")."
},
"style": {
"type": "string",
"enum": [
"aiflowchart",
"mermaid"
],
"description": "\"aiflowchart\" (default) draws it in AI Flowchart's polished board style; \"mermaid\" gives the classic Mermaid look. Unsupported diagram types fall back to classic automatically."
}
},
"required": [
"mermaid"
]
}Community
Evidence