← Discover
GitHub · DayuanJiang/next-ai-draw-io↑ +81 today

Automatic diagram creation with artificial intelligence

This Next.js-based application combines diagramming tool draw.io with generative AI capabilities. Users can create visual diagrams through natural language commands and edit their existing diagrams with artificial intelligence support.

Updates

  • October 31, 2026: Stars 36,160 → 36,508, latest release v0.5.1 (October 31, 2026).
  • October 10, 2026: Stars 35,699 → 36,160, latest release v0.5.0 (October 10, 2026).
  • September 8, 2026: Stars 33,999 → 35,699, latest release v0.4.16 (May 21, 2026).
  • August 2, 2026: Stars 33,359 → 33,999, latest release v0.4.16 (May 21, 2026).

What you get

  • Draw professional diagrams with natural language commands
  • Convert existing images and PDF files into diagrams
  • Quickly visualize cloud architecture and flowcharts

Installation

local installation
git clone https://github.com/DayuanJiang/next-ai-draw-io
cd next-ai-draw-io
npm install
cp env.example .env.local

Running it

Starting the development server
npm run dev

If you don't write code

Paste this into your AI agent (Claude Code · Codex · Antigravity)

I want you to create a flowchart. Visualize the user authentication process including login, multi-factor authentication, and session management.

Repository: https://github.com/DayuanJiang/next-ai-draw-io. Follow the official instructions in the README of this repository for setup and execution.

Before starting, check which OS we are on and if the necessary tools (e.g., Python, Node.js, Git, Docker) are installed. Install any missing ones step-by-step according to this system.

Create a new, empty folder to work in. Do not touch any files outside this folder and do not delete anything. Tell me what you are going to do in one sentence before running each command.

Tell me what I should see on the screen at the end of each step. If an error occurs, I will paste the error message to you exactly as it is, and we will fix it together.

Related dictionary terms

Who it is forFor technical professionals and designers who want to quickly visualize complex processes and architectures.
LicenseApache-2.0

Links

TreScout did not build this tool · we found it in GitHub trends and wrote it up. This page describes the repository as of 2026-07-12: The star count and our text belong to that day, the repository may have changed since. Check the repository link for the current state. The introductory text was prepared with AI from the repository's own documentation, and this page was machine-translated from the Turkish original · the Turkish version prevails.