# AI Flowchart

> AI Flowchart (aiflowchart.io) is a free AI diagram generator. Describe a process, system or idea in plain English, or paste code, and it draws an editable flowchart, ER diagram, UML diagram, sequence diagram, mind map, Gantt chart, swimlane, org chart, architecture diagram or chart. Beyond drawing: flowcharts can be run step by step (dry run of code, process simulation), any diagram can be presented as an animated walkthrough, and the Explainer Studio turns a topic into a narrated animated video.

- Free to start; Pro and Studio plans add unlimited AI generation and more explainer videos (https://aiflowchart.io/pricing).
- Export to PNG, SVG, PDF, PowerPoint, Mermaid and draw.io; ER diagrams export SQL for PostgreSQL, MySQL, SQL Server and SQLite.
- Also available as a VS Code extension, and an MCP server for Claude and other AI assistants (https://aiflowchart.io/mcp).
- Support: support@aiflowchart.io

## Diagram generators
- [AI Flowchart Generator](https://aiflowchart.io/ai-flowchart-generator): Describe any process in plain English and the AI flowchart maker draws it in seconds, with decisions, loops and standard shapes. Edit by asking, then export PNG, PDF, PowerPoint or Mermaid. Free, no credit card.
- [AI Diagram Generator](https://aiflowchart.io/ai-diagram-generator): One AI diagram generator for every diagram: flowcharts, UML class and use case diagrams, ER diagrams, sequence diagrams, mind maps, Gantt charts, timelines, system architecture and org charts. Describe it, get it, edit it.
- [Flowcharts in Google Docs](https://aiflowchart.io/google-docs-flowchart): Make a flowchart in Google Docs or Google Slides with AI: describe the process, and the AI Flowchart add-on draws it and inserts it into your document. Flowcharts, ER, sequence, swimlane and UML diagrams, in colour or black & white.
- [Flowcharts in Word & PowerPoint](https://aiflowchart.io/word-powerpoint-flowchart): Make a flowchart in Microsoft Word or PowerPoint with AI: describe the process, and the AI Flowchart add-in draws it and inserts it as a sharp vector picture. Flowcharts, ER, sequence, swimlane and UML diagrams, in colour or black & white.
- [Process Simulator](https://aiflowchart.io/process-simulator): Free online business process simulator: draw your workflow as a swimlane, BPMN or flowchart, add step times, team sizes and decision chances, and simulate hundreds of cases. See the bottleneck, time and cost per case, staff utilisation, and what-if scenarios.
- [SOP Generator](https://aiflowchart.io/sop-generator): Free SOP generator: draw your process as a swimlane or BPMN diagram (or let AI draw it) and get a complete standard operating procedure — purpose, scope, roles, numbered steps, decision criteria, RACI matrix, exceptions, records and training. Download as Word or PDF.
- [RACI Chart Generator](https://aiflowchart.io/raci-chart-generator): Free RACI chart generator: draw your process as a swimlane diagram and get a RACI matrix (Responsible, Accountable, Consulted, Informed) for every step, filled in from the lanes and hand-offs. Edit it and download it in a Word or PDF SOP.
- [Mind Map Maker](https://aiflowchart.io/mind-map-maker): Make mind maps with AI: type a topic and get a full mind map with branches and sub-topics. Classic or radial layout, collapse branches, add notes, edit as an outline and export.
- [UML Diagram Maker](https://aiflowchart.io/uml-diagram-maker): Online UML diagram maker with AI: class diagrams, use case diagrams, state machines, activity and sequence diagrams in standard UML notation. Templates for student projects. Free to start.
- [Class Diagram Maker](https://aiflowchart.io/class-diagram-maker): Make UML class diagrams with AI: classes, interfaces, enums, attributes and methods, with inheritance, composition, aggregation and multiplicities. Free templates for student projects.
- [Use Case Diagram Maker](https://aiflowchart.io/use-case-diagram-maker): Create UML use case diagrams with AI: actors, use cases inside the system boundary, include and extend relationships. Templates for ATM, food delivery, library and exam systems.
- [Activity Diagram Maker](https://aiflowchart.io/activity-diagram-maker): Make UML activity diagrams with AI: start and end nodes, actions, decisions, and fork/join bars for parallel steps. Free templates for ATM, registration and order processes.
- [State Diagram Maker](https://aiflowchart.io/state-diagram-maker): Create UML state machine diagrams with AI: states, transitions with events and guards, entry/do actions, choice points, start and end states.
- [ER Diagram Tool](https://aiflowchart.io/er-diagram-tool): Design databases with AI: ER diagrams with tables, keys, data types and relationships. Import SQL, then export CREATE TABLE scripts for PostgreSQL, MySQL, SQL Server and SQLite, or Prisma.
- [Sequence Diagram Maker](https://aiflowchart.io/sequence-diagram-maker): Make sequence diagrams with AI: participants, people and databases, sync and async messages, returns, activation bars and loop / alt / opt boxes.
- [Gantt Chart Maker](https://aiflowchart.io/gantt-chart-maker): Make Gantt charts with AI: describe your project and get phases, tasks, durations, dependencies and milestones. Day, week or month view. Export to PNG or PDF.
- [Code to Flowchart](https://aiflowchart.io/code-to-flowchart): Paste C, C++, Java, Python or JavaScript code and get the flowchart instantly — plus an animated dry run that shows each line, each box and every variable step by step. Free for students.
- [Chart Maker](https://aiflowchart.io/chart-maker): Make bar, line, pie, donut, funnel, radar and KPI charts with AI or from your data. Paste from Excel or Google Sheets, upload CSV or .xlsx, pick a colourful theme, and present the chart with animation. Export PNG, PDF, PowerPoint or video.
- [Timeline Maker](https://aiflowchart.io/timeline-maker): Make timelines with AI: history for exams, product roadmaps, project milestones and career journeys. Horizontal or vertical layout, editable events, export to PNG or PDF.
- [System Design Diagram Tool](https://aiflowchart.io/system-design-diagram-tool): Draw system architecture diagrams with AI: services, databases, queues and caches grouped into zones, with traffic simulation and system design interview practice.
- [Swimlane Diagram Maker](https://aiflowchart.io/swimlane-diagram-maker): Make swimlane diagrams with AI: one lane per team or person, steps and decisions in the right lane, connected in order. Great for approvals, onboarding and support processes.
- [Org Chart Maker](https://aiflowchart.io/org-chart-maker): Create organisation charts with AI: describe your team and get a clean reporting structure with names and roles. Edit, recolour and export.

## Tools
- [Final-Year Project Kit](https://aiflowchart.io/project-kit): Enter your final-year project title and get the full diagram set for your report: DFD level 0 and 1, ER diagram, use case, class, activity and sequence diagrams, with explanations and viva questions.
- [Sketch to Diagram](https://aiflowchart.io/scan): Snap a photo of a flowchart or diagram drawn on paper or a whiteboard and get a clean, editable digital diagram in seconds.
- [Document to Diagram](https://aiflowchart.io/document): Upload a PDF, Word document, SOP or meeting notes and turn it into a flowchart, swimlane, sequence diagram, mind map or ER diagram with AI.
- [GitHub Repo to Architecture Diagram](https://aiflowchart.io/github): Paste a public GitHub repository and get its system architecture diagram and database ER diagram, drawn by AI from the real code, config and schema files. Editable and shareable.
- [Lecture to Notes & Diagrams](https://aiflowchart.io/lecture): Turn a YouTube lecture, transcript or slides into revision notes with timestamps, a mind map of the topic, and flowcharts or diagrams of every process it explains. Free to start.
- [AI Flowchart MCP Server](https://aiflowchart.io/mcp): Connect AI Flowchart to Claude Code, Cursor, VS Code or Windsurf with MCP. Ask your assistant for a flowchart, sequence, ER or UML diagram, or turn code into a flowchart with a dry run — get an editable, presentable board.
- [Mermaid to PNG & SVG](https://aiflowchart.io/mermaid-to-png): Turn Mermaid text into a PNG or SVG image URL for email, Slack, PDFs, Google Docs, Confluence and READMEs. mermaid.ink-compatible URLs, themes, served from a global CDN. Free beta.
- [A mermaid.ink alternative](https://aiflowchart.io/mermaid-ink-alternative): A drop-in mermaid.ink alternative: the same /img and /svg URL format, base64 and pako: input, themes, served from a global CDN. Swap the domain and your links keep working. Free beta.
- [AI Animated Explainer Maker](https://aiflowchart.io/animated-explainer-maker): Describe a system or process and AI directs a unique animated explainer: animated diagrams, chapters, captions and an optional voice-over. Eight styles (system diagram, whiteboard, data story, code walkthrough…) in eight colour tones.
- [Screen Recording to Process Map](https://aiflowchart.io/screen-recording-to-process-map): Record yourself doing a task in any web app and AI turns it into a process map (flowchart or swimlane) with every step's screenshot, plus an SOP and step-by-step guide to share. No install, free to try.
- [Process Mining](https://aiflowchart.io/process-mining): Free online process mining: upload a CSV or Excel event log and see how your process really runs — every path, how often it happens, time per case and the bottleneck. Then simulate fixes. Runs in your browser; your file is never uploaded.
- [JSON Visualizer](https://aiflowchart.io/json-visualizer): Free online JSON visualizer: paste JSON and explore it as an interactive graph and tree. Search keys and values, collapse branches, format, minify, convert to YAML and download a PNG. Runs in your browser.
- [YAML Visualizer](https://aiflowchart.io/yaml-visualizer): Free online YAML visualizer and validator: paste YAML config, Kubernetes manifests or CI files and explore them as an interactive graph and tree. Errors point to the line. Convert YAML to JSON.
- [Docker Compose Visualizer](https://aiflowchart.io/docker-compose-visualizer): Paste a docker-compose.yml and get an architecture diagram of your services, databases, caches, queues, ports, volumes and depends_on links. Free, in your browser. Open it as an editable board and export PNG, PDF or PowerPoint.
- [n8n Workflow Visualizer](https://aiflowchart.io/n8n-workflow-visualizer): Paste an n8n workflow JSON and see it as a clean flowchart: triggers, IF and Switch branches, and AI agents with their model, memory and tools. Free, in your browser. Open it as an editable board and export PNG, PDF or PowerPoint.
- [Make Scenario Visualizer](https://aiflowchart.io/make-scenario-visualizer): Paste a Make.com scenario blueprint and see every module, router and filter as a flowchart. Free, in your browser. Open it as an editable board to present, share or export.
- [GitHub Actions Visualizer](https://aiflowchart.io/github-actions-visualizer): Paste a GitHub Actions workflow and see the pipeline as a flowchart: triggers, jobs, needs, conditions and matrix builds. Free, in your browser. Open it as an editable board and export it.
- [AI Flowchart: Codebase Map for VS Code](https://aiflowchart.io/vscode): Free VS Code extension: turn any JavaScript, TypeScript or Python project into clickable architecture diagrams, feature flows, data flow, dependencies and request traces. Runs locally — your code never leaves your machine.
- [See what every pull request changes](https://aiflowchart.io/github-pr-diagram): A GitHub App that comments on every pull request with a before/after architecture diagram: new services, routes and databases highlighted, plus the blast radius. JS, TS, Python, Go, Java, C#, PHP, Ruby. Free.

## Templates with explanations
- [ER diagram for library management system](https://aiflowchart.io/templates/er-diagram-for-library-management-system): ER diagram for a library management system with members, authors, books, loans and fines tables, their keys and one-to-many relationships explained.
- [ER diagram for hospital management system](https://aiflowchart.io/templates/er-diagram-for-hospital-management-system): Hospital management ER diagram with 6 entities: departments, doctors, patients, appointments, prescriptions and bills, plus keys and 1:N relationships.
- [ER diagram for college management system](https://aiflowchart.io/templates/er-diagram-for-college-management-system): ER diagram for a college management system with departments, students, faculty, courses and enrollments, showing keys, marks, grades and 1:N relationships.
- [ER diagram for e-commerce website](https://aiflowchart.io/templates/er-diagram-for-e-commerce-website): Sample ER diagram for an e-commerce website with customers, addresses, categories, products, orders and order_items tables, keys and cardinality explained.
- [DFD for online food ordering system](https://aiflowchart.io/templates/dfd-for-food-ordering-system): Level 1 DFD for an online food ordering system: 5 processes, 2 data stores (Menu, Orders) and 4 external entities, with every data flow explained.
- [Flowchart for ATM cash withdrawal](https://aiflowchart.io/templates/flowchart-for-atm-cash-withdrawal): Step-by-step flowchart for ATM cash withdrawal: insert card, PIN check loop, amount entry, balance decision, dispense cash, print receipt and eject card.
- [Flowchart for login with OTP](https://aiflowchart.io/templates/flowchart-for-login-with-otp): Flowchart for login with OTP: enter mobile number, send and verify the OTP, retry on failure, lock the account for 15 min, or create a session.
- [Flowchart for a prime number check](https://aiflowchart.io/templates/flowchart-to-check-prime-number): Flowchart to check if a number is prime: read n, test divisors from 2 while i × i ≤ n, and print Prime or Not prime. Steps, decisions and tips explained.
- [Use case diagram for ATM system](https://aiflowchart.io/templates/use-case-diagram-for-atm-system): ATM use case diagram with Customer and Bank server actors, five use cases, and include/extend links for PIN authentication and receipts. Open and edit it.
- [Use case diagram for food delivery app](https://aiflowchart.io/templates/use-case-diagram-for-food-delivery-app): Use case diagram for a food delivery app: Customer, Restaurant and Delivery partner actors, six use cases, and an include link from Place order to Pay online.
- [Linear search flowchart, pseudocode and trace table](https://aiflowchart.io/templates/linear-search-flowchart): Linear search flowchart with OCR-style pseudocode and a worked trace table. Step-by-step guide for GCSE, A-level and AP CSP students and teachers.
- [Binary search flowchart, pseudocode and trace table](https://aiflowchart.io/templates/binary-search-flowchart): Binary search flowchart for GCSE and A-level: step-by-step decisions, OCR-style pseudocode and a worked trace table finding 25 in a sorted list of seven items.
- [Bubble sort flowchart, pseudocode and trace table](https://aiflowchart.io/templates/bubble-sort-flowchart): Bubble sort flowchart with OCR-style pseudocode and a worked trace table for [5, 1, 4, 2]. Covers the swapped flag, nested loops and a common exam mistake.
- [Password check flowchart with 3 attempts](https://aiflowchart.io/templates/password-check-flowchart-3-attempts): Password check flowchart with 3 attempts: steps, decisions, OCR-style pseudocode and a worked trace table for GCSE, A-level and AP CSP students.
- [Number guessing game flowchart and pseudocode](https://aiflowchart.io/templates/number-guessing-game-flowchart): Number guessing game flowchart with OCR-style pseudocode and a worked trace table. Learn iteration, selection and counters for GCSE, A-level and AP CSP.
- [Input validation flowchart (range check)](https://aiflowchart.io/templates/input-validation-flowchart): Input validation flowchart for a range check on age (0–120), with OCR-style pseudocode, a worked trace table and the common exam mistake to avoid.
- [Flowchart to find the average of numbers (rogue value)](https://aiflowchart.io/templates/average-of-numbers-flowchart): Flowchart to find the average of numbers using a rogue value of −1, with OCR-style pseudocode, a worked trace table and a common GCSE exam mistake explained.
- [Employee onboarding process flowchart](https://aiflowchart.io/templates/employee-onboarding-process-flowchart): Employee onboarding flowchart from offer accepted to 30-day check-in, with a background check decision, IT setup, orientation, buddy assignment and owners.
- [Hiring process flowchart (recruitment swimlane)](https://aiflowchart.io/templates/hiring-process-flowchart): Hiring process flowchart in four swimlanes: Candidate, HR, Interviewer and Hiring Manager, with two decision points and each hand-off from apply to offer.
- [Purchase order process flowchart](https://aiflowchart.io/templates/purchase-order-process-flowchart): Swimlane purchase order flowchart: Requester, Manager, Finance and Vendor lanes, the approval decision, hand-offs, common bottlenecks, and how to adapt it.
- [Customer support escalation process flowchart](https://aiflowchart.io/templates/customer-support-escalation-process): Swimlane flowchart of support ticket escalation: Customer, Support L1 and Engineering lanes, the Known issue? decision, hand-offs and common SLA bottlenecks.
- [Order fulfillment process flowchart](https://aiflowchart.io/templates/order-fulfillment-process-flowchart): Swimlane flowchart of order fulfillment across Customer, Sales and Warehouse: review, In stock? decision, backorder path, pick & pack, shipping, delivery.
- [Leave approval process flowchart](https://aiflowchart.io/templates/leave-approval-process-flowchart): Swimlane leave approval flowchart with Employee, Manager and HR lanes: request, manager decision, leave balance check, record update and outcome.
- [IT incident management process flow (BPMN)](https://aiflowchart.io/templates/incident-management-process-flow): IT incident management BPMN flow with User, Service Desk and IT Support lanes, a known-issue gateway, a 4-hour SLA timer and knowledge base updates.
- [Insurance claim process flowchart (BPMN)](https://aiflowchart.io/templates/insurance-claim-process-flowchart): BPMN insurance claim flowchart with Policyholder, Claims Team and Payments lanes: assessment, surveyor visit, fraud check, approval gateway and payout.
- [Customer onboarding process flow with KYC (BPMN)](https://aiflowchart.io/templates/customer-onboarding-kyc-process-flow): BPMN customer onboarding flow with KYC: ID upload, automated document check, manual review, parallel account and wallet setup, and welcome email.
- [Bug triage process flowchart](https://aiflowchart.io/templates/bug-triage-process-flowchart): Bug triage process flowchart from report to deploy: the Reproducible? and Critical? decisions, hotfix vs. sprint backlog paths, code review and common delays.

## Guides
- [Flowchart Symbols and Their Meanings](https://aiflowchart.io/blog/flowchart-symbols-and-meanings): Every standard flowchart symbol explained with examples: terminal, process, decision, input/output, connector, document and more — plus the rules that keep a flowchart easy to read.
- [Algorithm and Flowchart Examples: 10 Programs for Beginners](https://aiflowchart.io/blog/algorithm-and-flowchart-examples): Ten classic algorithm and flowchart examples for students — even or odd, largest of three numbers, factorial, prime number, Fibonacci, leap year and more — with step-by-step algorithms.
- [How to Draw an ER Diagram (Step by Step)](https://aiflowchart.io/blog/how-to-draw-er-diagram): Learn to draw an entity relationship (ER) diagram: entities, attributes, primary and foreign keys, one-to-many and many-to-many relationships, with a complete library management example.
- [Data Flow Diagram (DFD) Levels 0, 1 and 2 Explained](https://aiflowchart.io/blog/dfd-level-0-1-2-explained): What a data flow diagram is, the four DFD symbols, the rules, and how to draw level 0 (context diagram), level 1 and level 2 DFDs — with an online food ordering example.
- [UML Diagrams for Your Final-Year Project](https://aiflowchart.io/blog/uml-diagrams-for-final-year-project): Which UML diagrams a final-year project report needs — use case, class, activity, sequence and state diagrams — what each shows, how to draw it, and the viva questions examiners ask.
- [YouTube System Design, Explained Simply](https://aiflowchart.io/blog/youtube-system-design): How to design YouTube in a system design interview: requirements, upload and transcoding pipeline, blob storage, CDN, adaptive streaming, metadata sharding, caching and recommendations.
- [10 ER Diagram Examples for College Projects](https://aiflowchart.io/blog/er-diagram-examples): Ready ER diagram examples for library, hospital, college, e-commerce, hotel, banking, exam, payroll, food delivery and blog systems — with entities, primary and foreign keys and relationships you can open and edit.
- [Sequence Diagram Examples You Can Copy](https://aiflowchart.io/blog/sequence-diagram-examples): Sequence diagram examples for JWT login, OTP verification, UPI payment, Google sign-in, password reset, checkout and ride booking — with the messages explained and editable diagrams.
- [UML Diagram Examples: Class, Use Case, State and Activity](https://aiflowchart.io/blog/uml-diagram-examples): Clear UML diagram examples — class diagram for a library and shop, use case diagram for an ATM and food delivery app, state diagram for an order, activity diagram for exam registration — with the notation explained.
- [Swimlane Diagram Examples (With Templates)](https://aiflowchart.io/blog/swimlane-diagram-examples): Swimlane (cross-functional) diagram examples for order fulfilment, leave approval, hiring, customer support and purchasing — what each lane does, where the hand-offs are, and editable templates.
- [How to Find the Bottleneck in a Business Process](https://aiflowchart.io/blog/find-process-bottleneck): A practical guide to process bottlenecks: what causes them, how to measure waiting time and utilisation, and how to test fixes with a free process simulator before changing anything for real.
- [Swimlane Diagram vs BPMN: Which Should You Use?](https://aiflowchart.io/blog/swimlane-vs-bpmn): Swimlane diagrams and BPMN compared: notation, detail, audience and tools. Learn when a simple swimlane is enough and when you need BPMN events, gateways and message flows.
- [How to Convert Mermaid to PNG or SVG](https://aiflowchart.io/blog/mermaid-to-png): Five ways to turn Mermaid diagram code into a PNG or SVG image: the Mermaid Live Editor, mermaid-cli, a hosted image URL API, your docs tool, and an editor — with when to use each.
- [How to Visualize a docker-compose File](https://aiflowchart.io/blog/docker-compose-diagram): Turn docker-compose.yml into an architecture diagram: services grouped into edge, app, messaging and data tiers, with ports, depends_on links and volumes — free, in the browser, and editable.
- [Gantt Chart for a Final-Year Project](https://aiflowchart.io/blog/gantt-chart-for-final-year-project): How to make a Gantt chart for your final-year or capstone project: the phases, a realistic 12-week timeline, dependencies and milestones, plus a free editable template.
- [How to Write an SOP: Template, Example and a Free Generator](https://aiflowchart.io/blog/how-to-write-an-sop): What a standard operating procedure must contain, the format auditors expect, a worked support-ticket example with a RACI matrix, and how to generate an SOP from a process diagram so it always matches how the work really runs.
- [How to Turn a Screen Recording Into an SOP and Process Map](https://aiflowchart.io/blog/screen-recording-to-sop): Document any process by doing it once: record your screen, and AI writes the step-by-step guide with screenshots, the SOP and a process map (flowchart or swimlane). How it works, how to record well, and what to check before you share it.
- [Process Mining From a CSV Export: See How Your Process Really Runs](https://aiflowchart.io/blog/process-mining-from-event-log): How to do process mining without an enterprise tool: what an event log is, how to export one from Jira, Zendesk, ServiceNow or your ERP, how to read the process map and paths, and how to simulate fixes with your real numbers.
- [How to Make Animated Explainer Videos With AI (Like Engineering YouTube Channels)](https://aiflowchart.io/blog/animated-explainer-videos-with-ai): Animated explainers make systems click: requests moving, queues filling, data flowing. How to plan one, which style to choose, and how to make one from a prompt with AI, with chapters, captions and a voice-over.
- [The Best AI Flowchart Generators in 2026](https://aiflowchart.io/blog/best-ai-flowchart-generators): AI Flowchart, Lucidchart, Miro, Whimsical, Eraser, draw.io and Mermaid Chart compared for AI flowcharts: free plans, prices, what the AI can draw, and which tool fits students, developers and teams.
- [The Best Code to Flowchart Converters in 2026](https://aiflowchart.io/blog/best-code-to-flowchart-converters): Tools that turn C, C++, Java, Python and JavaScript code into flowcharts, compared: AI Flowchart, Code to Flow, Taskade, ChatGPT or Claude with Mermaid, and drawing it yourself in draw.io.
- [AI Flowchart vs Lucidchart](https://aiflowchart.io/blog/aiflowchart-vs-lucidchart): AI Flowchart and Lucidchart compared on AI diagram generation, code to flowchart, presenting, collaboration, integrations and price — and who each one is for.
- [AI Flowchart vs draw.io (diagrams.net)](https://aiflowchart.io/blog/aiflowchart-vs-drawio): draw.io is a free, open-source diagram editor; AI Flowchart draws diagrams from text and code with AI. Compared on AI, shapes, code to flowchart, presenting, offline use and price.
- [AI Flowchart vs Miro and Whimsical for Flowcharts](https://aiflowchart.io/blog/aiflowchart-vs-miro): Miro and Whimsical are collaborative whiteboards with AI; AI Flowchart is a diagram generator. Compared for flowcharts on AI credits, diagram types, code to flowchart, presenting and price.

## Optional
- [Gallery of public diagrams](https://aiflowchart.io/designs)
- [System design interview questions](https://aiflowchart.io/interview)
- [Contact](https://aiflowchart.io/contact)