김과장
AI 뉴스 목록
2026-03-21AI 다이어그램draw.io다이어그램 자동 생성AI 자동화오픈소스 AI 도구클라우드 아키텍처AI 생산성바이브코딩

AI 다이어그램 자동 생성 — '구조도 그려와' 한마디면 draw.io에 완성

'AWS 구조도 그려와' 한마디면 AI가 draw.io 다이어그램을 30초 만에 완성합니다. AWS·GCP 공식 아이콘 내장, 화이트보드 사진→정식 다이어그램 변환, 14개 AI 모델 지원. 설치 없이 무료로 바로 사용하세요.


📌 관련 기사
내 손글씨 노트를 AI가 정확히 읽는다 — 오픈소스 Chandra OCR 2, GPT-4o 정확도를 23% 앞질렀습니다
이름을 숨기고 AI 사용량 1위를 찍은 모델의 정체는 스마트폰 회사 Xiaomi였습니다
내 맥북이 AI 보안 카메라가 됐다 — 월 구독료 0원에 정확도 93.8%, 오픈소스 SharpAI

AI 다이어그램 자동 생성 도구를 찾고 계신가요? 회의에서 '시스템 구조도 좀 그려와'라는 말을 들으면 한숨부터 나오시죠. Next AI Draw.io를 쓰면 자연어로 설명하는 것만으로 draw.io 다이어그램이 완성됩니다. 깃허브 스타 2만 3,700개를 모은 이 무료 오픈소스 도구가 GitHub 트렌딩에 다시 올라왔습니다.

Next AI Draw.io에서 자연어 입력으로 draw.io 다이어그램을 자동 생성하는 화면

자연어로 draw.io 다이어그램 만들기

기존의 draw.io(무료 다이어그램 편집기)에 AI를 입힌 도구입니다. 핵심 차이는 자연어 명령입니다. 채팅창에 "로그인→결제→배송 플로우차트 그려줘"라고 입력하면 AI가 draw.io XML 코드를 생성해서 화면에 다이어그램을 띄워줍니다.

단순한 이미지 생성이 아닙니다. 실제 draw.io 편집기 안에서 작동하기 때문에, AI가 그린 다이어그램을 손으로 수정한 뒤 다시 AI에게 "이 부분 좀 더 깔끔하게 정리해줘"라고 요청하는 하이브리드 워크플로우가 가능합니다.

AWS·GCP 클라우드 아키텍처 다이어그램 지원

AWS, GCP, Azure 아이콘을 기본 내장하고 있어서, "EC2 3대가 ALB 뒤에 있고 RDS에 연결되는 구조 그려줘"라고 말하면 공식 클라우드 아이콘이 포함된 아키텍처 다이어그램이 나옵니다. 네모 박스가 아니라 진짜 AWS 아이콘입니다.

추가로 애니메이션 커넥터 기능이 있어서, 데이터가 어디서 어디로 흐르는지를 움직이는 화살표로 보여줍니다. 발표 자료에 넣으면 청중의 시선을 확실히 잡을 수 있습니다.

사진 한 장을 draw.io 다이어그램으로 변환

회의 중 화이트보드에 대충 그린 구조도 사진이 있다면, 그 이미지를 업로드하면 됩니다. AI가 사진을 분석해서 깔끔한 draw.io 다이어그램으로 재구성합니다. PDF나 텍스트 파일도 업로드하면 내용을 분석해서 다이어그램을 만들어줍니다.

14개 이상 AI 모델 지원 — OpenAI부터 로컬 AI까지

특정 AI에 종속되지 않습니다. OpenAI, Anthropic Claude, Google Gemini, AWS Bedrock, DeepSeek, Ollama(내 컴퓨터에서 돌리는 로컬 AI) 등 14개 이상의 AI 서비스를 연결할 수 있습니다. 이미 쓰고 있는 AI 서비스가 있다면 그 API 키를 그대로 연결하면 됩니다. API 키 연결이 처음이라면 AI API 연동 기본 가이드를 참고하세요.

무료로 바로 써볼 수 있습니다. 공식 데모 사이트(next-ai-drawio.jiang.jp)에 접속해서 자신의 API 키만 입력하면 별도 설치 없이 브라우저에서 바로 사용할 수 있습니다.

설치 및 실행 방법

Windows, macOS, Linux 데스크톱 앱을 직접 설치할 수도 있습니다. 또는 개발 환경에서 직접 실행하려면 다음 명령어를 사용합니다.

git clone https://github.com/DayuanJiang/next-ai-draw-io
cd next-ai-draw-io
npm install
npm run dev
# 브라우저에서 http://localhost:6002 접속

Docker, Vercel 원클릭 배포, Cloudflare Workers 배포도 지원합니다.

이런 분에게 추천합니다

기획자·PM — 기획 문서에 넣을 플로우차트를 5분 안에 만들 수 있습니다. AI로 발표 자료 만드는 법도 함께 확인해 보세요.

백엔드 개발자 — AWS/GCP 아키텍처 다이어그램을 말로 그리고, 코드 리뷰 때 구조 설명용으로 활용

학생·강사 — 수업 자료, 발표 슬라이드에 넣을 깔끔한 다이어그램을 즉석에서 생성

기존 draw.io 파일과 호환

기존 draw.io 파일(.drawio, .xml)을 열어서 AI로 수정할 수 있습니다. 버전 관리 기능이 있어서 AI가 그린 이전 버전으로 되돌리기도 가능합니다. 그리고 AI가 다이어그램을 만드는 과정에서 사고 과정(reasoning)을 표시해주기 때문에 왜 이렇게 그렸는지 이해하기 쉽습니다.

최신 버전 v0.4.13(2026년 3월 7일)에서는 중국어 AI 모델(MiniMax, GLM, Qwen, Kimi 등)과 AI 생성 도중 중지 버튼, API 키 로드 밸런싱 등이 추가됐습니다.

관련 콘텐츠Easy클코로 AI 시작하기 | 무료 학습 가이드 | AI 뉴스 더보기

AI 소식, 가장 빠르고 쉽게 받아보세요

누구나 이해할 수 있도록, 가장 자세하고 쉽게 알려드립니다

텔레그램 채널 구독