Skip to content

Next AI Draw.io

by Dayuan JiangAppMake visuals

Draws flowcharts and architecture diagrams from a sentence, ready to edit in draw.io

View on GitHub

About Next AI Draw.io

Next AI Draw.io draws flowcharts, process maps and architecture diagrams on a draw.io canvas from your description or an uploaded sketch, then lets you edit by hand or by asking. It runs on the web and as a desktop app.

For People mapping processesEngineers drawing architecture

Made by Dayuan Jiang

An open-source project by developer Dayuan Jiang, published on GitHub.

Stars
★ 37k
License
Apache-2.0
Cost
Free
Platforms
Web · Mac · Win · Linux
Runs
Cloud · Local · Self-hosted

Overview

Next AI Draw.io is a web and desktop app that draws diagrams on a real draw.io canvas from what you type. Describe a flowchart, system architecture or process, or upload a sketch, screenshot or document, and it draws the diagram; then edit shapes by hand, or select a few and ask for changes. Each AI edit is kept as a separate version, so you can go back, and you can export the diagram as .drawio, PNG or SVG. It suits anyone who needs clear diagrams without drawing them box by box.

The result is an ordinary draw.io diagram you can keep editing by hand, not a picture you have to redraw.

Try these first

Start with the first one: it is a small task you can check easily.

  1. Draw a flowchart for fixing a lamp that doesn't work, with two yes-or-no questions.First try

  2. Draw a customer journey map for [product] across five stages, with the pain points in each.

  3. Redraw this whiteboard photo as a clean diagram: [upload image]sends image to AI

  4. Make the selected boxes blue and add a database between them.

Example prompts written by Agent Flows Hub.

Features

From the creator's documentation.

FeatureWhat it doesRuns
Diagrams from textFlowcharts, architecture, sequence and other diagrams from a descriptionYour AI provider
From uploadsRedraws a sketch or screenshot, or diagrams a PDF, Markdown or code fileYour AI provider
Hand editingA normal draw.io canvas: drag, rename, restyle and add pagesIn the app
VersionsEach AI edit is kept as a version: compare it, restore it or undo itIn the app
Export.drawio, .png, .svg or .drawio.svg filesIn the app
Agent connectorAn MCP server so Claude Code, Cursor or VS Code can draw diagrams tooYour agent

Good to know

Get a first draft of a flowchart, architecture or process diagram from a short description, then finish it by hand. The app works on a draw.io canvas, so the result stays an editable diagram.

Limits

  • The output is long draw.io XML, so small models often produce broken diagrams. The author recommends a capable model.
  • The online demo has a daily limit. Your own API key is entered in the browser and, according to the author, is not stored on the server.

Notes by (original project name: next-ai-draw-io), written from the creator's documentation, not from running it ourselves. Next AI Draw.io: README · Next AI Draw.io documentation

Stuck setting it up?

Tell us what happened. We take a look first; if it needs paid work, you get an estimate before anything starts.

Get help

Other apps

  • NextAI Translator Translates, polishes or summarises text you select, in your browser or on your desktop
  • NextChat Gives you your own chat app for Claude, GPT, Gemini, DeepSeek and other models
  • NoteGen Turns scattered thoughts, screenshots and voice notes into organized Markdown notes
  • Ollama Runs open AI models on your own computer for private chat and for other apps to use
  • Open CoDesign Turns a written request into a clickable prototype, slide deck or PDF on your computer
  • Open Notebook Lets you chat with your PDFs, videos and web pages, take notes and turn them into podcasts

See all 113 apps

GitHub