Diagramming AI

편집기는 Mermaid, PlantUML, GraphViz, D2, Excalidraw를 같은 작업 공간에서 다룬다. 형식을 바꿔도 다른 제품을 열 필요가 없고 내용을 다시 그릴 필요도 없다. 한 프로젝트에 Mermaid 시퀀스 다이어그램과 GraphViz 시스템 그림을 나란히 두는 상황에서 이 설계가 반나절을 아낀다.

두 모드는 생각하는 일과 손을 움직이는 일을 분리한다. AI 채팅 편집에서 논의 모드는 구조를 평하고 빠진 단계를 짚고 개선안을 낸다. 업데이트 모드는 "결제 단계 뒤에 실패 경로를 추가해 줘" 같은 직접 지시를 받아 코드를 다시 쓴다.

Mermaid, PlantUML, GraphViz, D2는 문법이 조금만 어긋나도 렌더링이 멈춘다. 렌더링이 실패하면 AI가 오류를 읽고 코드에 수정을 넣는다. 예전에는 문서를 열어야 했던 붙여넣기 실수가 클릭 한 번으로 풀리고 다이어그램이 다시 그려진다.

V-Edit 버튼을 누르면 텍스트 다이어그램이 Excalidraw 캔버스로 넘어간다. 순서도, 시퀀스 다이어그램, 클래스 다이어그램, ER 다이어그램, 간트 차트, 상태 다이어그램, 마인드맵이 끌어 옮길 수 있는 도형이 된다. 텍스트의 정확성을 먼저 챙기고 픽셀 단위 조정을 나중에 더한다. 처음부터 둘 중 하나를 고르지 않아도 된다.

연한 파스텔에서 어두운 캔버스까지 여섯 계열의 테마가 클릭 한 번에 화면 전체 색을 맞춘다. 배치와 노드 위치는 그대로다. 다시 생성하는 게 아니라 옷을 갈아입히는 일이고, 되돌리면 원래 색으로 돌아간다.

URL을 붙이면 페이지 구조를 다이어그램으로 바꾼다. 처음 보는 사이트를 파악할 때 유용하다. 이미지나 스크린샷, 파일을 올리면 내용을 읽어 편집 가능한 코드로 다시 세운다. 둘 다 Starter와 Pro 기능이며 무료 요금제에는 없다.

프로젝트 하나에 다섯 형식의 다이어그램을 여러 개 담고, 그림마다 메모를 붙일 수 있다. 저장한 버전은 나중에 다시 열어 손볼 수 있다. 읽기 전용 공개 링크를 쓰면 편집 권한을 넘기지 않고 검토를 부탁할 수 있다. 무료 요금제는 프로젝트 2개, 프로젝트마다 3개로 제한된다.

베타 연결을 쓰면 ChatGPT, Claude 또는 MCP를 지원하는 다른 어시스턴트가 다이어그램 요청을 보내고 결과를 내 계정에 저장한다. 원격 MCP는 미리보기와 Mermaid 저장부터 시작하고, WebMCP는 지원 브라우저에서 같은 세션으로 앱을 다룬다. 아직 초기 단계이며 쓸 수 있는지는 어시스턴트와 요금제에 달렸다.