다이어그램 도구

Workspace

복잡한 다이어그램도 샘플에서 시작해서 바로 완성

처음부터 문법을 외울 필요 없이 템플릿을 불러오고, 필요한 부분만 수정해서 ERD, UML, 네트워크, C4, Git 흐름까지 빠르게 정리할 수 있습니다.

SVG / PNG 다운로드 공유 링크 생성 자동 저장 친절한 오류 안내

지원 템플릿 18개 ERD, UML, C4, GitGraph, Timeline 등

추천 시작 방식 샘플 선택 → 수정 빈 화면에서 시작하지 않아도 됩니다

빠른 조작 Ctrl/Cmd + Enter 즉시 렌더링 단축키

저장 방식 브라우저 자동 저장 다음 방문 때 이어서 작업 가능

이 페이지에서 할 수 있는 일

ERD, UML 클래스, 시퀀스, 상태 다이어그램, 네트워크 토폴로지, C4, Requirement Diagram, GitGraph, Journey, Gantt, Mindmap, Timeline, Quadrant, Pie 등을 한 화면에서 작성하고 미리볼 수 있습니다.

테마

입력 시 자동 렌더링

편집기

Mermaid 문법 입력

타입: - 줄 수: 0 저장 상태: 없음

여기에 렌더링 결과가 표시됩니다.

현재 템플릿

설계 ERD 예제

데이터베이스 테이블 관계를 설명할 때 시작하기 좋은 기본 ERD 예제입니다.

빠른 시작

샘플을 불러와서 가장 비슷한 구조를 선택합니다.
노드 이름과 관계선만 먼저 바꿉니다.
정리가 되면 설명 텍스트와 세부 속성을 추가합니다.

자주 쓰는 단축키

Ctrl/Cmd + Enter: 즉시 렌더링
공유 링크: 현재 상태를 URL로 복사
SVG / PNG 다운로드: 문서나 위키에 바로 사용

템플릿 라이브러리

자주 쓰는 문법 조각

클래스 관계

User --> Order : places
User <|-- Admin
Repository ..> Entity : uses

시퀀스 메시지

Client->>Server: request
Server-->>Client: response
Note right of Server: cached

상태 흐름

stateDiagram-v2
[*] --> Draft
Draft --> Review
Review --> Published
Published --> [*]

GOOD TO KNOW