dayuanjiang/next-ai-draw-io

Developer tools

이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요. 원문 보기

3.6만 stars 3.8천 forks 품질 96 트렌드 74Apache-2.0

Repository Install

AI와 채팅하며 draw.io 도표를 그리고 편집할 수 있습니다. 웹 앱, 데스크톱 앱, 그리고 Claude Code, 커서, 코덱스, VS 코드를 위한 MCP 서버가 있습니다.

개요

https://github.com/user-attachments/assets/66b9f12f-219f-4d62-acc0-0725e6850eec 문장으로 다이어그램을 설명하면 AI가 실제 draw.io 캔버스에 그립니다. draw.io 파일처럼 손으로 편집하거나 몇 가지 도형을 선택해 AI에게 변경할 부분을 지시하세요. 모든 AI 변경은 비교, 복원, 되돌릴 수 있는 버전이며, 결과는 .drawio, .png, 또는 .svg로 내보내집니다. 웹 앱, Windows, macOS, Linux용 데스크톱 앱, 그리고 Claude Code, Cursor, VS Code 같은 AI 에이전트용 MCP 서버로 제공됩니다.

개요(AI 번역)

AI와 채팅하여 draw.io 도표를 그리고 편집하세요.

영어 | 中文 | 日本語

라이브 데모 · 문서 · 갤러리 · 데스크톱 앱 · MCP 서버

https://github.com/user-attachments/assets/66b9f12f-219f-4d62-acc0-0725e6850eec

문장으로 다이어그램을 설명하면 AI가 실제 draw.io 캔버스에 그립니다. draw.io 파일처럼 손으로 편집하거나, 몇 개의 도형을 선택해 AI에게 변경할 내용을 지시하세요. 모든 AI 변경 사항은 비교, 복원, 되돌릴 수 있는 버전이며, 결과는 .drawio, .png 또는 .svg로 내보내집니다.

웹 앱, Windows, macOS, Linux용 데스크톱 앱, 그리고 Claude Code, Cursor, VS Code 같은 AI 에이전트용 MCP 서버로 제공됩니다.

하이라이트

드로우

AWS, Azure, GCP, Kubernetes 내장 아이콘 라이브러리를 포함한 한 문장에서 제공하는 아키텍처 다이어그램, 플로우차트, 시퀀스다이어그램 등 다양한 기능을 제공합니다
커넥터가 플로우 애니메이션을 전달할 수 있습니다
스크린샷이나 스케치를 업로드하면 AI가 다시 그려줍니다; PDF, 마크다운, 코드 및 기타 텍스트 파일을 업로드하고 내용의 다이어그램을 얻습니다

수정

채팅 편집: 변경 사항이 캔버스에 흐르고 AI가 변경한 도형이 강조 표시됩니다

이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요.

README

원문 README의 일부입니다. 원문 보기.

https://github.com/user-attachments/assets/66b9f12f-219f-4d62-acc0-0725e6850eec

Describe a diagram in a sentence and the AI draws it on a real draw.io canvas. Edit it by hand like any draw.io file, or select a few shapes and tell the AI what to change. Every AI change is a version you can compare, restore or undo, and the result exports as .drawio, .png or .svg.

Available as a web app, a desktop app for Windows, macOS and Linux, and an MCP server for AI agents such as Claude Code, Cursor and VS Code.

Highlights

Draw

Architecture diagrams, flowcharts, sequence diagrams and more from one sentence, with built-in AWS, Azure, GCP and Kubernetes icon libraries
Connectors can carry a flowing animation
Upload a screenshot or a sketch and the AI redraws it; upload PDF, Markdown, code and other text files and get a diagram of their content

Edit

Edit by chat: changes stream onto the canvas and the shapes the AI just changed are highlighted
Ask about a selection: select shapes on the canvas and the AI changes only those
Versions and undo: every AI change is a version card with a thumbnail; compare it with the canvas, restore it or undo it, and Ctrl+Z on the canvas also takes back an AI change in one step
It is a normal draw.io diagram: double-click to rename, drag, restyle, use several pages, and export as .drawio, .png, .svg or .drawio.svg at any time

Use

25 model providers, including an OpenAI-compatible preset for any other URL; enter your own API key in the browser and it stays on your machine
Models that reason show their thinking
Dark mode; the interface is available in English, Simplified Chinese, Traditional Chinese and Japanese

Examples

  Highly available web app on AWS

GitHub에서 전체 README 보기

설치

npx @next-ai-drawio/mcp-server@latest

MCP 초보자라면? mcpskill.org 가이드부터 시작하세요 →

설정

{
  "mcpServers": {
    "drawio": {
      "command": "npx",
      "args": ["@next-ai-drawio/mcp-server@latest"]
    }
  }
}