다이어그램 도구 2026 — Excalidraw / Mermaid / tldraw / D2 / Eraser / Lucidchart / Miro / FigJam 심층 비교

1. 2026년 다이어그램 지도 — 무한 캔버스 / 차트 / DSL / 화이트보드 4 분류
2. Excalidraw — 손그림 스타일의 사실상의 표준
3. Mermaid + Mermaid AI — 마크다운 친화의 1등
4. tldraw — 무한 캔버스 + Make Real AI
5. D2 (Terrastruct) — 모던 Graphviz DSL
6. Eraser.io — 코드 기반 아키텍처
7. Lucidchart — 엔터프라이즈 표준
8. Miro / FigJam — 화이트보드의 두 거인
9. draw.io / diagrams.net — 영원한 무료 표준
10. Whimsical — 플로우 + 와이어프레임
11. Python diagrams (Mingrammer) / PlantUML / Graphviz — 코드 기반 클래식
12. AI 다이어그램 생성 — Mermaid AI / ChatGPT / Claude
13. 한국 / 일본 — 카카오, 토스, 메르카리, CyberAgent
- 한국
- 일본
14. 누가 무엇을 골라야 하나 — 미팅 / 문서 / 코드 우선 / 디자인
15. 참고 / References

1. 2026년 다이어그램 지도 — 무한 캔버스 / 차트 / DSL / 화이트보드 4 분류

2026년에 다이어그램 도구는 하나로 끝나지 않습니다. 회의 중에 함께 그리는 화이트보드, 문서에 곁들이는 빠른 차트, Git 에 같이 커밋하는 코드 기반 아키텍처, 그리고 카드와 포스트잇으로 그룹 워크숍을 진행하는 큰 캔버스 — 각 시나리오마다 1군 도구가 다릅니다.

큰 그림으로 분류하면 네 카테고리로 나뉩니다.

무한 캔버스 / 스케치 — Excalidraw, tldraw, FigJam, Miro 의 자유 그리기 모드
차트 / DSL / 코드 기반 — Mermaid, D2, PlantUML, Graphviz, ZenUML, Python diagrams, Eraser
박스+선 다이어그램 도구 — Lucidchart, draw.io, Whimsical, OmniGraffle, Visio
협업 화이트보드 — Miro, FigJam, Lucidspark, Mural

2026년의 가장 큰 변화는 세 가지입니다. 첫째, 거의 모든 도구에 AI 다이어그램 생성이 붙었습니다 — Mermaid AI 는 텍스트만으로 깔끔한 다이어그램을 만들어 주고, tldraw 의 "Make Real" 은 손으로 그린 와이어프레임을 동작하는 HTML 로 변환합니다. 둘째, Markdown 기반 다이어그램이 사실상 표준이 됐습니다 — GitHub, GitLab, Notion, Obsidian, Slack 모두 Mermaid 를 기본 렌더링합니다. 셋째, "Diagrams as Code" 라는 카테고리가 성숙해져서 D2, Eraser, Mermaid 가 한 줄로 깔끔하게 그려지는 DSL 을 제공합니다.

5년 전엔 "Lucidchart 살까 Miro 살까" 가 큰 질문이었다면, 이젠 "내 회의는 Excalidraw, 내 문서는 Mermaid, 내 인프라는 D2/Eraser, 내 디자인 워크숍은 FigJam" 처럼 도구가 잘게 쪼개졌습니다.

이 글은 그 모든 도구를 2026년 5월 기준으로 빠르게 훑어가는 가이드입니다. 입문자는 "어디부터 시작할까", 시니어 엔지니어/디자이너는 "다음 프로젝트엔 무엇을 추가할까" 를 정하는 데 도움이 될 겁니다.

2. Excalidraw — 손그림 스타일의 사실상의 표준

Excalidraw 는 2020년 Christopher Chedeau 가 만든 오픈 소스 다이어그램 도구입니다. 마치 화이트보드에 마커로 그린 듯한 손그림 스타일이 가장 큰 특징이고, 그게 곧 정체성이 됐습니다. GitHub 스타 9만 개 이상으로 다이어그램 카테고리에선 압도적 1위입니다.

왜 인기일까요. 첫째, "딱딱하지 않은" 느낌이 진행 중인 토론과 잘 어울립니다. Lucidchart 같은 완성된 다이어그램은 "이건 결정된 디자인이야" 같은 인상을 주는데, Excalidraw 의 손그림 라인은 "지금 같이 생각하는 중이야" 같은 분위기를 만듭니다. 둘째, 코드 임포트가 강력합니다 — Mermaid 문법으로 입력하면 손그림 스타일로 변환해 줍니다.

2026년 시점의 핵심 기능을 정리합니다.

브라우저에서 바로 사용 가능 — 회원가입도 필요 없는 excalidraw.com
실시간 협업 — 여러 사람이 동시 그리기, 화살표 / 박스 자동 정렬
Mermaid 임포트 — flowchart, sequence, class 다이어그램을 손그림 스타일로 변환
Excalidraw+ — 유료 SaaS (개인 5달러/월), 라이브러리 공유, 폴더, 권한
셀프 호스팅 — Docker 이미지로 사내 호스팅 가능, 데이터는 로컬 IndexedDB
VS Code / Obsidian 플러그인 — 에디터 안에서 그대로 사용
LaTeX 수식 / 라이브러리 / 다국어 (한국어, 일본어 폰트 OK)

가격은 무료입니다. 셀프 호스팅도 MIT 라이선스로 무료. SaaS 의 Excalidraw+ 는 팀당 5달러/월이지만 핵심 기능은 무료 버전으로 거의 다 됩니다.

전형적인 사용 시나리오는 다음과 같습니다.

[Excalidraw 의 1등 시나리오]

1. 1:1 / 팀 미팅 중 아키텍처 토론
   - 한쪽이 화면 공유하면서 박스 / 화살표 그리기
   - "여기서 Kafka 인 거 맞나" 같은 실시간 합의
   - PNG 로 export 후 회의록에 첨부

2. RFC / 디자인 문서의 첫 번째 다이어그램
   - 마지막에 다듬는 게 아니라 "초안" 단계에서 잡기
   - 손그림 스타일이라 "임시" 느낌을 주는 효과

3. 기술 블로그 / 발표 슬라이드
   - 너무 깔끔하지 않아서 읽는 사람이 다가가기 쉬움
   - PDF / SVG / PNG / clipboard 4종 export

한 가지 한계는 "최종 결과물" 용으로는 약하다는 점입니다. 고객 대상 문서나 외부 발표 자료엔 Lucidchart / Figma 같은 도구의 깔끔함이 더 어울릴 수 있습니다.

3. Mermaid + Mermaid AI — 마크다운 친화의 1등

Mermaid 는 2014년 Knut Sveidqvist 가 만든 텍스트 기반 다이어그램 라이브러리입니다. 마크다운 코드 펜스 안에 간단한 문법으로 작성하면 SVG 다이어그램으로 렌더링됩니다. 2026년 현재 GitHub, GitLab, Bitbucket, Notion, Obsidian, Slack, Microsoft Teams, Confluence, Joplin, VS Code 미리보기까지 모두 기본 렌더링을 지원합니다.

2022년 초 GitHub 이 Mermaid 를 자체 마크다운 파이프라인에 통합한 건 결정적인 사건이었습니다. 그 뒤로 "팀 위키에 다이어그램이 필요하다 → Mermaid 로 작성" 이 거의 표준이 됐습니다.

2026년 시점의 주요 다이어그램 타입을 정리합니다.

flowchart — TD / LR 방향, 노드와 화살표
sequenceDiagram — 시퀀스 다이어그램, 액터 / 메시지
classDiagram — UML 클래스
erDiagram — ER (데이터베이스 모델링)
stateDiagram-v2 — 상태 머신
gantt — 간트 차트
pie — 파이 차트
journey — 사용자 여정
mindmap — 마인드맵 (2023년 추가)
timeline — 타임라인
C4Context — C4 모델 (시몬 브라운 의 컨텍스트 다이어그램)
gitGraph — Git 브랜치 시각화
requirementDiagram — 요구사항 추적
architecture-beta — 아키텍처 다이어그램 (2024년 추가)

간단한 시퀀스 다이어그램의 예시 (코드 자체는 마크다운 코드 펜스 안에 들어가는 형태입니다).

sequenceDiagram
    participant U as User
    participant API as API Gateway
    participant S as Service
    participant DB as Database

    U->>API: POST /orders
    API->>S: createOrder
    S->>DB: INSERT order
    DB-->>S: order_id
    S-->>API: 201 Created
    API-->>U: order_id

Mermaid AI 는 2024년 Mermaid Chart (공식 상용 도구) 가 추가한 기능으로, 자연어로 "유저가 주문하는 시퀀스 그려줘" 같은 프롬프트만으로 Mermaid 코드를 생성해 줍니다. GPT-4 / Claude 같은 LLM 을 백엔드로 쓰지만 Mermaid 문법에 특화 학습된 모델이라 일반 GPT 보다 훨씬 정확합니다.

가격은 본체 OSS 는 무료이고, Mermaid Chart 의 AI / 협업 기능은 개인 8달러/월부터입니다.

4. tldraw — 무한 캔버스 + Make Real AI

tldraw 는 Steve Ruiz 가 만든 오픈 소스 무한 캔버스 라이브러리/앱입니다. Excalidraw 와 비슷한 카테고리지만 "라이브러리로 다른 앱에 임베드하기 쉬움", "무한 캔버스 인터랙션이 더 부드러움" 이라는 두 가지 차별점이 있습니다.

2023년 후반 tldraw 가 던진 큰 한 방이 "Make Real" 입니다. 손으로 와이어프레임 (버튼, 입력란, 카드) 을 대충 그리고 "Make Real" 을 누르면, GPT-4 가 그걸 보고 동작하는 HTML/Tailwind 컴포넌트를 만들어 줍니다. 이게 LLM + 캔버스 조합의 가능성을 처음으로 보여준 데모로 화제가 됐습니다.

2026년 시점의 사용 시나리오는 두 가지로 나뉩니다.

그냥 그리기 — tldraw.com 에서 즉시 사용. 무료. Excalidraw 와 거의 같은 위치
라이브러리로 임베드 — React 컴포넌트로 자신의 앱에 무한 캔버스 추가 (tldraw SDK)

tldraw SDK 는 상용 라이센스가 필요한데, 무료 티어가 넉넉합니다. 자체 호스팅이 가능한 npm 패키지로 제공됩니다.

npm install tldraw

import { Tldraw } from 'tldraw'
import 'tldraw/tldraw.css'

export default function MyCanvas() {
  return <Tldraw />
}

특이한 기능을 정리합니다.

무한 캔버스 — 줌 인/아웃 무한대, 매끄러운 팬
멀티플레이어 — 동시 편집, 커서 표시
Shapes API — 자체 커스텀 도형 추가 (예: 차트, 코드 블록)
AI 통합 — Make Real, "Computer Use" 데모 등 LLM 와 결합한 실험적 기능
자체 데이터 모델 — Yjs 같은 CRDT 기반, 오프라인 + 충돌 자동 병합

Excalidraw 와 tldraw 중 무엇을 고를지는 다음 표가 도움이 될 겁니다.

손그림 분위기, 회의 + 문서 첨부 → Excalidraw
자기 앱에 무한 캔버스 임베드, 좀 더 깔끔한 도형 → tldraw
둘 다 무료, 둘 다 OSS, 둘 다 우수

5. D2 (Terrastruct) — 모던 Graphviz DSL

D2 는 Terrastruct (Alexander Wang 의 회사) 가 만든 모던 다이어그램 DSL 입니다. "Graphviz 가 너무 오래됐고, Mermaid 는 너무 단순해서, 그 사이의 진짜 좋은 DSL 이 필요하다" 는 문제의식에서 출발했습니다. 2022년 후반에 공개되어 2026년 현재 GitHub 스타 1.6만을 넘으며 빠르게 성장 중입니다.

D2 의 핵심 매력은 세 가지입니다.

사람이 읽고 쓰기 좋은 문법 — a -> b: 라벨 같은 직관적 구조
멋진 디폴트 — 아무 옵션 없이도 결과물이 깔끔하고 예쁨
컨테이너 / 중첩 / 아이콘 — 클라우드 인프라 다이어그램에 강함

간단한 예시는 다음과 같습니다.

client -> api: HTTP
api -> postgres: SQL
api -> redis: Cache

api: {
  shape: cylinder
  style.fill: "#3b82f6"
}

postgres.shape: cylinder
redis.shape: cylinder

명령줄 도구로 SVG / PNG / PDF 출력이 가능하고, VS Code 익스텐션과 D2 Playground 라는 웹 플레이그라운드도 있습니다.

brew install d2
d2 input.d2 output.svg

대표 기능:

컨테이너 / 그리드 / 시퀀스 / 클래스 다이어그램
아이콘 임베드 — AWS, GCP, Kubernetes 등 1000+ 아이콘 내장
테마 — 16개 빌트인 테마 + 커스텀 테마
자동 레이아웃 — dagre (기본), ELK, TALA (Terrastruct 자체 알고리즘)
애니메이션 — 다이어그램 사이의 전환 애니메이션 (PR 리뷰용)

가격은 D2 본체 (CLI + 라이브러리) 는 무료 OSS 입니다. Terrastruct 의 호스팅된 협업 도구 (D2 Studio) 는 개인 19달러/월부터.

D2 의 강점은 "Mermaid 보다 더 예쁘게 깔리고, Graphviz 보다 압도적으로 쉽다" 는 균형입니다. 인프라 / 시스템 아키텍처 다이어그램을 코드로 관리하고 싶다면 2026년 시점의 가장 좋은 후보입니다.

6. Eraser.io — 코드 기반 아키텍처

Eraser.io 는 2022년 출시된 협업 다이어그램 SaaS 입니다. 핵심 차별점은 "Diagrams as Code" 모드 — 텍스트로 박스 / 노드 / 클라우드 아이콘을 정의하면 화면 우측에 시각적 다이어그램이 나옵니다.

2024년 후반 "Eraser DiagramGPT" 라는 AI 기능이 화제가 됐습니다. 자연어 ("AWS 위에 3-tier 웹 앱 그려줘", "Terraform 모듈 그려줘") 를 입력하면 코드 + 다이어그램이 생성됩니다. 또한 코드베이스 자체를 분석해서 컴포넌트 다이어그램을 자동 생성하는 GitHub 통합도 제공됩니다.

대표 기능:

자체 DSL — "사람이 쓰기 쉬운" 문법, Mermaid 보다 짧고 깔끔
클라우드 아이콘 — AWS / GCP / Azure / Kubernetes 모두 포함
Eraser AI — 자연어 → 다이어그램 (DiagramGPT)
GitHub 통합 — PR 에 다이어그램 자동 첨부
멀티플레이어 — 실시간 협업
API — 헤드리스 다이어그램 생성 (서버 사이드 사용)

가격은 개인 무료 (제한적), 팀 9달러/유저/월부터.

[Eraser 의 DSL 예시 - 시퀀스 다이어그램]

User > Browser: opens app
Browser > API: HTTP GET /home
API > Database: SELECT user
Database > API: user data
API > Browser: HTML

Eraser 의 매력은 "DSL 의 깔끔함 + SaaS 의 협업 + AI 보조" 라는 3박자입니다. D2 가 OSS / CLI 우선이라면, Eraser 는 "팀이 같이 쓰는 협업 SaaS" 의 위치입니다.

7. Lucidchart — 엔터프라이즈 표준

Lucidchart 는 2010년 출시된 엔터프라이즈 다이어그램 도구의 표준입니다. Visio 의 웹 대체재로 시작해서 지금은 Microsoft Visio 보다 훨씬 큰 시장을 차지하고 있습니다. 사용자 수 7000만 명, Fortune 500 의 99% 가 사용한다는 자체 통계가 있습니다.

엔터프라이즈에서 1위인 이유:

풍부한 도형 라이브러리 — AWS, Azure, GCP, Cisco, ITIL 등 산업별 도형 세트
자동 다이어그램 — CSV / SQL / 코드에서 ER 다이어그램, 클래스 다이어그램 자동 생성
데이터 연결 — Google Sheets / Excel 의 데이터를 도형에 자동 매핑 (조건부 포맷)
SSO / SCIM / 감사 로그 — 엔터프라이즈 IT 요구사항 충족
다이어그램 → 청사진 변환 — UML, BPMN, Lucidchart 표준 모두 지원
AI Chart Generation — 자연어 / 텍스트 / 데이터에서 다이어그램 생성

가격은 개인 무료 (제한적), 개인 7.95달러/월, 팀 9달러/유저/월, 엔터프라이즈 별도 견적입니다.

Lucidchart 가 잘 어울리는 시나리오:

보험 / 금융 / 의료 같은 규제 산업의 BPMN / 워크플로 문서
영업/마케팅 팀과 함께 보는 시스템 흐름 (개발자 아닌 사람과 공유)
회사 표준이 이미 Lucidchart 인 경우

Lucidspark (자매 제품) 는 화이트보드 카테고리로, Miro / FigJam 의 경쟁자입니다. Lucidchart + Lucidspark 의 번들이 엔터프라이즈에선 자주 묶음으로 팔립니다.

8. Miro / FigJam — 화이트보드의 두 거인

화이트보드 협업 도구의 시장은 2026년 시점에 사실상 두 강자 — Miro 와 FigJam — 로 정리됐습니다.

Miro

2011년 RealtimeBoard 라는 이름으로 시작한 Miro 는 화이트보드 카테고리의 압도적 1위입니다. 4500만 사용자, Fortune 100 의 99% 가 사용한다는 자체 통계.

무한 캔버스 — 줌 인/아웃, 거의 모든 워크숍 형식에 대응
풍부한 템플릿 — Affinity Mapping, Lean Canvas, Mural, OKR 등 1000개+
통합 — Jira / Asana / Notion / Slack / Zoom 등 거의 모든 SaaS 와 연결
Miro AI — 다이어그램 생성, 노트 요약, 마인드맵 확장
사용자 정의 앱 — Miro Marketplace 의 외부 앱 임베드

가격은 무료 (3보드 제한), 8달러/유저/월부터.

FigJam (Figma)

Figma 가 2021년 출시한 화이트보드 도구입니다. Figma 의 디자인 파일과 같은 워크스페이스에서 작동한다는 점이 큰 차별점입니다.

디자인 파일 임포트 — Figma 컴포넌트를 그대로 FigJam 에 끌어다 놓기
스티커, 도장, 음성 채팅, 타이머
코파일럿 (FigJam AI) — 다이어그램 생성, 회의록 요약
가격 — 무료 (3파일), 5달러/에디터/월

Miro vs FigJam — 어떻게 고를까

비-디자이너 (PM, 개발자, 영업, 마케팅) 가 다수 → Miro 가 더 자연스러움
회사가 이미 Figma 표준 → FigJam (가격도 더 쌈, 단일 청구)
워크숍 / OKR / 디자인 스프린트 템플릿 풍부함 → Miro
디자인-개발 협업 (와이어프레임 → 디자인) → FigJam

화이트보드 도구는 "회의 진행자가 누구냐" 가 결정 요인입니다. 디자이너가 워크숍을 리드하면 자연스럽게 FigJam 으로 흘러가고, PM 이나 컨설턴트가 리드하면 Miro 가 1순위입니다.

9. draw.io / diagrams.net — 영원한 무료 표준

draw.io (Domain 이 diagrams.net 으로 바뀌었지만 같은 도구) 는 2012년부터 무료로 제공되는 다이어그램 도구입니다. JGraph 라는 영국 회사가 운영합니다.

핵심 특징:

완전 무료 — 광고 없음, 기능 제한 없음
데이터 주권 — 로컬 / Google Drive / OneDrive / Dropbox 에 직접 저장
셀프 호스팅 — Docker 이미지로 사내 배포 가능
풍부한 도형 — AWS, GCP, Azure, Kubernetes, Cisco 등 산업 전반
VS Code 익스텐션 — .drawio 파일을 IDE 안에서 편집
Confluence / Jira 플러그인 — Atlassian Marketplace 1위 다이어그램 도구

draw.io 의 매력은 "영원히 무료" 라는 신뢰감입니다. 회사가 망해도 셀프 호스팅된 인스턴스가 죽지 않으면 데이터가 죽지 않습니다. Lucidchart 가 인수되거나 가격을 올리거나 했을 때의 백업 옵션으로 항상 1순위에 오릅니다.

전형적인 사용 시나리오:

회사 / 학교에서 무료 도구가 필수일 때
데이터를 외부 SaaS 에 올리고 싶지 않을 때 (보안 / 컴플라이언스)
Confluence 안에서 그대로 다이어그램 편집 (draw.io for Confluence 플러그인)

단점은 "디자인이 다소 구식" 이라는 점, 그리고 협업 기능이 Lucidchart / Miro 만큼 매끄럽지 않다는 점입니다. 그래도 무료라는 압도적 장점 앞에서 많이 양보됩니다.

10. Whimsical — 플로우 + 와이어프레임

Whimsical 은 2017년 출시된 다목적 다이어그램 SaaS 입니다. 카테고리상 "플로우차트 + 와이어프레임 + 마인드맵 + 스티키 노트" 를 한 도구에서 다 합쳤다는 게 차별점입니다.

대표 기능:

플로우차트 — 깔끔한 디폴트 스타일, "보이는 그대로 멋진"
와이어프레임 — Sketch / Figma 보다 가볍게 UI 와이어프레임을 그릴 때 사용
마인드맵 / 스티키 / 문서 — Notion 비슷한 통합 문서 기능
AI — Whimsical AI 로 자연어 → 플로우차트
가격 — 무료 (4파일 제한), 12달러/유저/월부터

Whimsical 의 매력은 "디자인 감각이 좋은 디폴트" 입니다. Lucidchart / draw.io 가 "기능 100% 표시" 라면 Whimsical 은 "더 예쁘게, 더 적게, 더 깔끔하게" 의 접근입니다. 토스 / 카카오 같은 한국 디자인 중심 팀에서도 자주 보입니다.

단점은 무료 티어가 4파일밖에 안 된다는 점입니다. 본격 사용엔 유료 결제가 필수입니다.

11. Python diagrams (Mingrammer) / PlantUML / Graphviz — 코드 기반 클래식

코드로 다이어그램을 그리는 전통은 깊습니다. 2026년에도 여전히 활발한 세 도구를 정리합니다.

Python diagrams (Mingrammer)

한국 개발자 Mingrammer (김민호) 가 2020년 만든 라이브러리입니다. AWS, GCP, Azure, Kubernetes, OpenStack 등의 공식 아이콘을 Python 코드로 조합해서 클라우드 아키텍처 다이어그램을 그립니다.

pip install diagrams

from diagrams import Diagram
from diagrams.aws.compute import EC2
from diagrams.aws.database import RDS
from diagrams.aws.network import ELB

with Diagram("Web Service", show=False):
    ELB("lb") >> EC2("web") >> RDS("db")

이걸 실행하면 web_service.png 가 생성됩니다. GitHub 스타 3.5만, 클라우드 아키텍처 시각화의 사실상의 표준입니다. 인프라 RFC 문서에서 매우 자주 보입니다.

PlantUML

2009년부터 이어진 UML 다이어그램 DSL 의 클래식입니다. Java 로 작성된 렌더러이고, Graphviz 를 백엔드로 씁니다. UML 의 모든 표준 다이어그램 (클래스 / 시퀀스 / 액티비티 / 유스케이스 / 컴포넌트) 을 다 지원합니다.

대학 / 컴퓨터 공학 교육 / 일본 SI 회사에서 여전히 폭넓게 쓰입니다. 마이크로소프트 / 구글 같은 외국 빅테크는 Mermaid / D2 로 갈아탔지만, 일본의 NTT 데이터, 후지쯔 같은 SI 회사에선 PlantUML 이 표준입니다.

ZenUML

PlantUML 처럼 시퀀스 다이어그램 중심 DSL 인데, 문법이 훨씬 자연어에 가깝습니다.

A.send {
  B.process()
  C.notify()
}

웹 에디터 (zenuml.com) 가 깔끔하고, Confluence / Jira 통합도 제공합니다.

Graphviz

가장 오래된 (1991년 AT&T Bell Labs 출신) 그래프 시각화 도구입니다. DOT 언어로 노드와 엣지를 정의하면 자동 레이아웃으로 SVG / PNG 를 출력합니다.

digraph G {
  rankdir=LR;
  A -> B;
  B -> C;
  C -> A;
}

Graphviz 자체는 디폴트가 좀 구식이지만, 위의 모든 도구 (PlantUML, D2, Mermaid 일부) 가 백엔드로 의존하는 만큼 "엔진" 으로서의 위치는 굳건합니다.

12. AI 다이어그램 생성 — Mermaid AI / ChatGPT / Claude

2025년부터 LLM 으로 다이어그램을 생성하는 흐름이 본격화됐습니다. 대표 3종을 정리합니다.

Mermaid AI / Eraser DiagramGPT / D2 AI

각 도구가 공식적으로 제공하는 AI 기능입니다. 장점은 "그 도구의 DSL 에 특화 학습" 됐다는 점 — Mermaid AI 는 거의 100% 유효한 Mermaid 코드를 뱉습니다.

전형적인 워크플로:

[프롬프트]
"3-tier 웹 앱 아키텍처를 시퀀스 다이어그램으로"

[Mermaid AI 가 생성한 결과]
sequenceDiagram
    User->>WebApp: Request
    WebApp->>API: REST call
    API->>Database: SQL query
    Database-->>API: rows
    API-->>WebApp: JSON
    WebApp-->>User: HTML

ChatGPT / Claude — 일반 LLM 으로 Mermaid / PlantUML / D2 생성

ChatGPT 4 와 Claude 4.5 둘 다 Mermaid 와 PlantUML 코드를 깔끔하게 생성합니다. "이 코드베이스의 시퀀스를 그려줘" 같은 요청을 코드와 함께 던지면 Mermaid 블록을 그대로 답해줍니다.

장점은 "도구 제약 없음" — 한 LLM 으로 Mermaid, PlantUML, D2 모두 생성 가능. 단점은 "DSL 오류가 가끔 나옴" — 특히 D2 같은 비교적 새 DSL 은 학습 데이터가 부족할 수 있어서 한 번에 100% 안 나오는 케이스가 있습니다.

Claude 의 Artifacts — 실시간 미리보기

Claude.ai 의 Artifacts 는 Mermaid 다이어그램을 실시간 렌더링해 줍니다. "이 다이어그램에서 데이터베이스를 두 개로 쪼개줘" 같은 후속 요청도 곧바로 갱신됩니다. 다이어그램 초안을 LLM 과 핑퐁하며 다듬을 때 가장 빠른 도구입니다.

tldraw 의 Make Real — 와이어프레임 → HTML

tldraw 가 던진 차별점은 "그림 → 동작 코드" 입니다. 캔버스에 손으로 버튼 / 입력란을 그리고 "Make Real" 을 누르면 GPT-4 가 동작하는 HTML/CSS 를 생성합니다.

2026년의 베스트 프랙티스는 "도구 기본 AI + LLM 보조" 의 조합입니다. Mermaid Chart 의 AI 로 초안을 만들고, Claude 와 핑퐁하면서 다듬는 흐름이 가장 자연스럽습니다.

13. 한국 / 일본 — 카카오, 토스, 메르카리, CyberAgent

지역별 도구 선호도를 살펴봅니다.

한국

토스 — 디자인 토론은 Figma + FigJam, 빠른 스케치는 Excalidraw, 인프라 RFC 는 D2 / Mermaid 가 자주 등장. Toss Tech 블로그에 인프라 도식이 자주 올라옵니다
카카오 — Confluence + draw.io 의 조합이 사내 표준에 가깝습니다. 디자인 협업은 Figma. 카카오 디자인 팀이 자체 디자인 시스템 (Karlo / KakaoTalk 의 컴포넌트) 을 운영
네이버 — 큰 회사인 만큼 부서별로 다릅니다. NPay, 클라우드, 라인 모두 자체 디자인 시스템. Mermaid + Excalidraw + Lucidchart 가 두루 쓰임
우아한형제들 (배민) — 우아한 형제들 기술 블로그에 Excalidraw 손그림 다이어그램이 자주 등장. 자유로운 분위기를 반영
당근 (당근마켓) — Figma + FigJam 중심. 일부 인프라 팀이 D2 사용

일본

메르카리 (Mercari) — Miro 사용이 사내 표준. 디자인 워크숍은 FigJam. 인프라 다이어그램은 Mermaid + draw.io. mercari engineering 블로그에 자주 노출
CyberAgent — FigJam 중심. AbemaTV 같은 자회사의 디자인 시스템은 Figma 표준. 인프라는 Mermaid + PlantUML
LINE — PlantUML 의 전통이 강한 회사 중 하나. 신규 프로젝트에서는 Mermaid / D2 로 옮겨가는 중
DeNA / GREE — Lucidchart 와 Confluence + draw.io 조합이 보임
NTT 데이터 / 후지쯔 / NEC — PlantUML 표준이 굳건. SI 산업의 UML 문서화 관행이 영향

전반적인 경향: