한 문장으로 시스템 다이어그램을 그리고 채팅으로 다듬는 도구
머릿속에 있는 시스템 구조를 캔버스에 옮기려다 보면 도형을 배치하고 라벨을 붙이는 데 시간이 오래 걸립니다. 이 도구는 자연어 설명만으로 draw.io 캔버스에 다이어그램을 그려주고, 특정 도형을 선택해 채팅으로 수정할 수 있게 합니다. 결과물은 일반 draw.io 파일처럼 자유롭게 편집하고, .drawio, .png, .svg 형식으로 내보낼 수 있습니다.
텍스트와 이미지로 다이어그램 생성
AWS, Azure, GCP, Kubernetes 아이콘 라이브러리를 포함한 아키텍처 다이어그램, 플로우차트, 시퀀스 다이어그램을 한 문장으로 생성할 수 있습니다. 스크린샷이나 스케치를 업로드하면 AI가 이를 다시 그려주고, PDF나 마크다운, 코드 같은 텍스트 파일을 올리면 그 내용을 다이어그램으로 변환해 줍니다. 생성된 다이어그램은 draw.io의 일반 파일과 동일하게 동작하므로, 더블클릭으로 이름 변경이나 드래그, 스타일 변경이 가능합니다. 연결선에는 흐르는 애니메이션 효과를 적용할 수도 있습니다.
수정 이력과 선택 편집
AI가 다이어그램을 수정할 때마다 버전 카드로 기록되며, 썸네일을 비교하거나 이전 상태로 되돌릴 수 있습니다. 캔버스에서 Ctrl+Z를 누르면 AI의 마지막 수정을 한 번에 취소할 수 있습니다. 특정 도형만 선택한 채로 AI에게 지시를 내리면, AI는 선택된 부분만 수정합니다. 수정된 도형은 캔버스에서 강조 표시되어 변경 사항을 쉽게 확인할 수 있습니다.
AI 에이전트 연동과 배포 방식
웹 앱, Windows·macOS·Linux 데스크톱 앱, 그리고 MCP 서버로 제공됩니다. MCP 서버를 통해 Claude Code, Cursor, VS Code 등 AI 에이전트가 직접 다이어그램을 생성하고 수정할 수 있습니다. API 키는 브라우저에 저장되어 서버로 전송되지 않으며, 25개 이상의 모델 제공자를 지원합니다. Ollama를 통한 로컬 모델 사용도 가능하며, Vercel, Cloudflare Workers, Docker 등을 이용해 자체 서버로 배포할 수 있습니다.
모델 선택과 배포 전 점검
이 도구는 draw.io XML 형식의 긴 텍스트를 생성하는 작업이므로, 작은 모델보다는 성능이 좋은 모델을 사용하는 것이 좋습니다. 무료 데모 사이트에는 사용 횟수 제한이 있으므로, 무제한으로 사용하려면 자신의 API 키를 입력해야 합니다. 자체 배포 시에는 환경 변수 설정과 모델 ID 지정이 필요하며, 관리자 패널을 통해 모델과 접근 코드를 관리할 수 있습니다.
