Excalidraw — 손그림처럼 자연스러운 다이어그램, 가장 사랑받는 오픈소스 화이트보드
TL;DR
- 무료이자 오픈소스 — MIT 라이선스로 누구나 자유롭게 사용, 자체 호스팅 가능한 가상 화이트보드
- 손그림 느낌의 자연스러운 스타일 — 다이어그램이 차갑고 기계적으로 보이지 않고, 스케치한 듯 친근한 분위기 연출
- 실시간 협업 — 링크 하나로 여러 사람이 동시에 무한 캔버스에서 그리고 편집
- NPM 패키지로 임베드 가능 — React 컴포넌트로 자체 앱에 화이트보드 기능 통합
- Excalidraw+ 연간 6달러/사용자/월 — 클라우드 저장, 라이브러리 관리, 음성 통화 등 팀 기능 제공
핵심 정보
| 항목 | 내용 |
|---|---|
| 서비스명 | Excalidraw |
| 카테고리 | 디자인 / 화이트보드 |
| 한 줄 설명 | 가상 협업 화이트보드 도구 |
| 플랫폼 | 웹 (excalidraw.com), NPM 패키지, 자체 호스팅 |
| 라이선스 | MIT (오픈소스) |
| 무료 플랜 | 전 기능 무료 (excalidraw.com) |
| 유료 플랜 | Excalidraw+ 6달러/사용자/월 (연간), 7달러/사용자/월 (월간) |
| GitHub 스타 | 100,000개 이상 |
| 최신 버전 | v0.18.0 (2025년 3월) |
| 등록일 | 2026년 5월 19일 |
| 공식 사이트 | excalidraw.com |
| GitHub | github.com/excalidraw/excalidraw |
어떤 문제를 풀까?
회의 중 아이디어가 떠올랐을 때, 가장 빠른 방법은 종이에 네모와 화살표를 그리는 것입니다. 그런데 원격 회의에서는 그 간단한 스케치가 갑자기 어려워집니다. 전통적인 다이어그램 도구는 정확하지만 무겁고, 디자인 도구는 강력하지만 준비 시간이 필요하며, 문서 도구는 시각적 사고를 담기 어렵습니다.
Excalidraw가 해결하는 문제는 바로 이 지점입니다. 복잡한 도구를 배우지 않고도, 생각이 흐르는 속도 그대로 화면에 다이어그램을 그릴 수 있게 하는 것입니다. 기술 아키텍처, 제품 플로우, 회의 메모, 와이어프레임, 강의 자료처럼 정교한 디자인보다 빠른 이해가 중요한 순간에 특히 강합니다.
Excalidraw의 핵심은 ‘완벽한 도형’이 아니라 ‘의도를 빠르게 전달하는 그림’입니다. 손그림처럼 살짝 흔들린 선과 도형은 오히려 장점이 됩니다. 너무 완성도 높아 보이지 않기 때문에 팀원들이 부담 없이 의견을 더하고, 초안 단계의 생각을 자연스럽게 공유할 수 있습니다.
또 하나의 중요한 차별점은 오픈소스입니다. Excalidraw는 단순한 웹 서비스가 아니라, 개발자가 자기 제품 안에 삽입할 수 있는 캔버스 컴포넌트이기도 합니다. 그래서 개인은 무료 화이트보드로 쓰고, 팀은 Excalidraw+로 협업을 강화하며, 개발자는 NPM 패키지로 자신만의 시각화 도구를 만들 수 있습니다.
첫 화면에서 드러나는 철학 — 바로 그리기, 바로 공유하기
newflix에 등록된 스크린샷은 Excalidraw의 초기 작업 화면을 보여줍니다. 화면 중앙에는 Excalidraw 로고와 함께 파일 열기, 도움말, 라이브 협업, 가입 버튼이 놓여 있고, 상단에는 선택 도구, 사각형, 다이아몬드, 원, 화살표, 선, 자유 드로잉, 텍스트 같은 기본 도구가 바로 보입니다.
이 구성은 Excalidraw가 추구하는 방향을 잘 보여줍니다. 사용자는 회원가입이나 프로젝트 생성 과정을 거치지 않아도 즉시 캔버스에 들어갈 수 있습니다. 브라우저 저장소에 그림이 저장된다는 안내가 함께 표시되어, 빠른 시작과 데이터 보존 사이의 균형도 설명합니다.
오른쪽 위의 Share 버튼과 Excalidraw+ 진입점은 협업과 유료 팀 기능의 존재를 알려주지만, 화면을 압도하지 않습니다. 핵심 흐름은 여전히 단순합니다. 캔버스를 열고, 도형을 그리고, 링크로 공유합니다. 이 단순함이 Excalidraw를 ‘회의 중 잠깐 쓰는 도구’에서 ‘개발자와 디자이너가 반복적으로 찾는 도구’로 만든 이유입니다.
주요 기능 딥다이브
1. 무한 캔버스와 손그림 스타일
Excalidraw의 기본 단위는 페이지가 아니라 무한 캔버스입니다. 사용자는 화면을 확대·축소하고 이동하면서 아이디어를 자유롭게 펼칠 수 있습니다. 사각형, 원, 화살표, 텍스트, 자유곡선 같은 도구는 단순하지만, 대부분의 회의와 기획 과정에는 이 정도면 충분합니다.
특히 손그림 스타일은 단순한 미적 선택이 아닙니다. 너무 정제된 다이어그램은 ‘이미 결정된 안’처럼 보일 수 있습니다. 반대로 Excalidraw의 스케치풍 도형은 ‘아직 논의 중인 초안’이라는 신호를 줍니다. 그래서 제품 기획, 시스템 설계, 강의 자료, 블로그 설명 이미지처럼 수정과 의견 교환이 자연스러운 작업에 잘 맞습니다.
2. 실시간 협업
Excalidraw는 라이브 협업 기능을 통해 여러 사용자가 같은 보드에 접속해 동시에 작업할 수 있습니다. 별도 설치 없이 브라우저에서 링크를 공유하는 방식이므로 원격 회의에서 장벽이 낮습니다. 복잡한 권한 체계나 워크스페이스를 먼저 구성하지 않아도, 아이디어를 빠르게 모으는 데 집중할 수 있습니다.
이 기능은 특히 개발팀의 아키텍처 논의, 디자이너와 PM의 플로우 정리, 교육자의 온라인 강의 보조 자료 제작에 유용합니다. 텍스트 회의록만으로는 놓치기 쉬운 관계와 흐름을 한눈에 정리할 수 있습니다.
3. 라이브러리와 재사용 가능한 도형
Excalidraw에는 공개 라이브러리 생태계가 있습니다. 사용자는 아이콘, UI 컴포넌트, 클라우드 아키텍처 요소, 손그림 스타일의 다양한 도형 묶음을 가져와 재사용할 수 있습니다. 매번 같은 도형을 다시 그릴 필요가 없기 때문에 반복적인 다이어그램 작업 속도가 빨라집니다.
다만 draw.io처럼 AWS, GCP, UML, BPMN 같은 전문 도형 라이브러리가 매우 촘촘하게 준비된 도구와 비교하면 구조화된 기술 문서 작성에는 한계가 있습니다. Excalidraw는 정밀한 표준 다이어그램보다 빠른 설명과 공유에 더 적합합니다.
4. 개발자를 위한 임베드 컴포넌트
Excalidraw의 또 다른 강점은 @excalidraw/excalidraw NPM 패키지입니다. Excalidraw 에디터를 React 컴포넌트로 가져와 자체 웹앱 안에 삽입할 수 있습니다. 단순한 화이트보드 서비스가 아니라, 제품의 일부로 들어갈 수 있는 오픈소스 캔버스 엔진인 셈입니다.
예를 들어 교육 플랫폼은 강의 중 판서 기능으로, 협업 문서 서비스는 문서 안의 시각 메모 기능으로, 개발 도구는 아키텍처 스케치 기능으로 Excalidraw를 활용할 수 있습니다. 이 확장성 때문에 Excalidraw는 일반 사용자뿐 아니라 개발자 커뮤니티에서도 꾸준히 사랑받고 있습니다.
실제 사용 시나리오
제품 기획 회의
새 기능의 사용자 흐름을 정리할 때 Excalidraw는 매우 빠릅니다. 로그인 화면, 설정 화면, 결제 화면을 대략적인 박스로 그리고 화살표로 연결하면, 긴 문장 설명보다 훨씬 빠르게 팀원들의 이해를 맞출 수 있습니다. 손그림 느낌 덕분에 “이건 아직 초안”이라는 분위기도 자연스럽게 전달됩니다.
개발 아키텍처 설명
백엔드 서비스, 데이터베이스, 큐, 외부 API 사이의 관계를 설명할 때도 유용합니다. 정식 아키텍처 문서를 만들기 전, 논의용 스케치로 먼저 구조를 합의할 수 있습니다. 이후 정밀한 문서가 필요하면 draw.io 같은 전문 도구로 옮기면 됩니다.
교육과 콘텐츠 제작
강의 자료나 블로그 글에서 개념을 설명할 때 Excalidraw 스타일의 이미지는 읽기 쉽고 부담이 없습니다. 딱딱한 도표보다 친근하고, 스크린샷보다 핵심 관계를 더 잘 강조할 수 있습니다. 개발 블로그에서 Excalidraw 다이어그램을 자주 볼 수 있는 이유도 여기에 있습니다.
가격 정책 — 무료가 기본이 되는 모델
Excalidraw는 프리미엄 모델을 채택하고 있지만, 그 접근 방식이 매우 독특합니다. 핵심 에디터는 완전히 무료이며, MIT 라이선스로 공개되어 있습니다. excalidraw.com에서 그림을 그리고, 내보내고, 실시간으로 협업하는 기본 기능은 가입조차 필요 없습니다.
Excalidraw+는 이 위에 팀을 위한 추가 기능을 얹는 모델입니다.
| 플랜 | 가격 | 핵심 특징 |
|---|---|---|
| 무료 (excalidraw.com) | 0원 | 전 에디터 기능, 로컬 저장, 실시간 협업, 내보내기 |
| Excalidraw+ (연간) | 6달러/사용자/월 | 무제한 캔버스 저장, 접근 권한 관리, 음성 통화, 발표 모드 |
| Excalidraw+ (월간) | 7달러/사용자/월 | 위와 동일 |
| 자체 호스팅 | 0원 (서버 비용 별도) | 오픈소스 에디터를 Docker 등으로 자체 인프라에 설치 |
이 구조의 중요한 특징은 ‘무료 버전이 불완전하지 않다’는 점입니다. 개인 사용자는 Excalidraw+ 없이도 완전한 에디터를 그대로 사용할 수 있습니다. 유료로 전환하는 주된 이유는 팀 차원의 캔버스 관리, 권한 제어, 발표 기능 같은 협업 거버넌스를 원할 때입니다.
경쟁사와 비교하면 Excalidraw+의 가격은 매우 합리적입니다. Miro는 스타터 플랜이 8달러/사용자/월, 비즈니스가 20달러/사용자/월이며, FigJam은 3~5달러/편집자/월입니다. Excalidraw+는 FigJam보다 약간 비싸지만 Miro보다 저렴하며, 무엇보다 무료 버전에서 도망치듯 결제로 넘어가지 않아도 된다는 점이 큰 장점입니다.
경쟁 서비스 비교 — Excalidraw vs tldraw vs Miro vs draw.io
화이트보드 시장에서 Excalidraw의 위치를 정확히 이해하기 위해 주요 대안들과 비교합니다.
| 비교 항목 | Excalidraw | tldraw | Miro | draw.io |
|---|---|---|---|---|
| 핵심 강점 | 손그림 스타일, 오픈소스, NPM 임베드 | 깔끔한 도형, SDK 확장성 | 팀 워크숍, 템플릿 생태계 | 정밀한 기술 다이어그램 |
| 스타일 | 손그림 스케치 | 정돈된 기하학적 도형 | 템플릿 중심 캔버스 | 정밀한 구조도 |
| 오픈소스 | MIT 라이선스 (완전 무료) | 앱 무료, SDK 상업용 6천달러/년 | 폐쇄형 | 완전 무료 |
| 협업 | 실시간 (무료) | 실시간 (백엔드 별도) | 실시간 + 워크숍 툴 | 협업 미지원 |
| 임베드 | NPM 패키지 가능 | React SDK (상업 라이선스) | 불가 | 불가 |
| 자체 호스팅 | 가능 | 가능 (Docker) | 불가 | 가능 |
| 무료 범위 | 전 기능 | 앱 전 기능 | 보드 3개 | 전 기능 |
| 유료 플랜 | 6~7달러/사용자/월 | SDK 6천달러/년 | 8~20달러/사용자/월 | Atlassian 연동만 유료 |
Excalidraw를 선택해야 할 때: 손그림 스타일의 빠른 스케치, 오픈소스 자체 호스팅, NPM 패키지로 자체 제품에 화이트보드를 삽입하려는 경우 Excalidraw가 최선입니다.
tldraw를 선택해야 할 때: 더 정제되고 깔끔한 시각적 인터페이스가 필요하고, 무한 캔버스 SDK를 자체 앱에 깊이 통합하려는 경우에 적합합니다. 단, 상업적 SDK 사용은 연 6천달러의 라이선스 비용이 발생합니다.
Miro를 선택해야 할 때: 원격 워크숍, 프로젝트 관리, 다수의 템플릿과 통합이 필요한 대규모 팀 환경에서는 Miro가 압도적입니다. 단, 사용자당 과금으로 비용이 빠르게 누적됩니다.
draw.io를 선택해야 할 때: AWS, GCP 클라우드 아키텍처, UML, ERD 같은 정밀한 기술 다이어그램이 주 목적이라면 draw.io가 가장 적합합니다.
장단점 요약
장점
- 즉시 시작 가능 — 회원가입 없이 브라우저에서 바로 그림을 그릴 수 있습니다.
- 손그림 스타일의 전달력 — 초안, 아이디어, 구조 설명에 부담 없는 분위기를 만듭니다.
- 무료 오픈소스 — MIT 라이선스로 개인, 팀, 개발자 모두 자유롭게 활용할 수 있습니다.
- 실시간 협업 지원 — 링크 공유만으로 여러 사람이 같은 캔버스에서 작업할 수 있습니다.
- 임베드 가능 — NPM 패키지로 자체 제품에 Excalidraw 에디터를 넣을 수 있습니다.
- 가벼운 사용감 — Miro처럼 무거운 워크스페이스를 만들지 않아도 빠르게 다이어그램을 작성할 수 있습니다.
- 자체 호스팅 가능 — 데이터 통제와 보안이 중요한 팀에게 선택지를 제공합니다.
단점
- 정밀 다이어그램에는 한계 — UML, BPMN, 클라우드 아키텍처처럼 표준 도형이 많은 문서에는 draw.io가 더 적합합니다.
- 팀 관리 기능은 유료 — 캔버스 저장, 접근 권한 관리, 발표 기능 등은 Excalidraw+가 필요합니다.
- 디자인 툴은 아님 — Figma나 Penpot처럼 컴포넌트, 오토레이아웃, 프로토타입을 만드는 도구가 아닙니다.
- 대규모 워크숍 기능 부족 — Miro의 투표, 타이머, 방대한 템플릿, 엔터프라이즈 통합과 비교하면 협업 운영 기능은 단순합니다.
- 로컬 저장 의존성 주의 — 무료 사용 시 브라우저 저장소에 의존하므로 중요한 작업은 파일로 내보내거나 별도 저장해야 합니다.
누구에게 추천할까?
Excalidraw는 다음 사용자에게 특히 잘 맞습니다.
- 개발자 — 시스템 구조, API 흐름, 데이터 파이프라인을 빠르게 설명해야 하는 사람
- PM과 기획자 — 제품 플로우와 사용자 여정을 회의 중 즉석에서 그려야 하는 사람
- 디자이너 — 완성된 UI가 아니라 아이디어 단계의 와이어프레임을 공유하려는 사람
- 교육자와 콘텐츠 제작자 — 복잡한 개념을 친근한 그림으로 설명하려는 사람
- 오픈소스 선호 팀 — 자체 호스팅과 데이터 통제를 중요하게 생각하는 조직
반대로, 대규모 워크숍을 자주 운영하고 템플릿과 퍼실리테이션 기능이 중요하다면 Miro가 더 편할 수 있습니다. 정밀한 기술 도면과 표준 다이어그램이 목적이라면 draw.io를 함께 사용하는 것이 좋습니다. Excalidraw는 모든 시각 작업을 대체하는 도구라기보다, 생각을 가장 빠르게 그림으로 옮기는 도구에 가깝습니다.
총평 — 완성도보다 속도가 중요한 순간의 최고의 캔버스
Excalidraw의 매력은 화려한 기능 목록보다 사용 순간에 드러납니다. 브라우저를 열고, 사각형을 그리고, 화살표를 연결하고, 링크를 공유하는 과정이 매우 짧습니다. 그래서 회의 중 “잠깐 그림으로 설명할게요”라는 말이 나오는 순간, Excalidraw는 가장 먼저 떠오르는 도구가 됩니다.
손그림 스타일은 단순한 장식이 아니라 협업의 분위기를 바꾸는 장치입니다. 완성된 산출물처럼 보이지 않기 때문에 더 쉽게 의견을 말하고, 더 빠르게 고칠 수 있습니다. 오픈소스라는 기반은 개인 사용자에게는 무료 접근성을, 개발자에게는 임베드 가능성을, 조직에게는 자체 호스팅이라는 선택지를 제공합니다.
newflix의 Excalidraw 페이지는 이 도구를 “가상 협업 화이트보드 도구”라고 간단히 소개합니다. 실제로도 그 설명이 가장 정확합니다. 다만 Excalidraw가 특별한 이유는 단순히 화이트보드라서가 아니라, 생각을 정돈하기 전에 먼저 꺼내놓게 해주는 도구이기 때문입니다.
빠른 다이어그램, 제품 아이디어 스케치, 개발 아키텍처 초안, 온라인 강의 판서가 필요하다면 Excalidraw는 지금 바로 시도해볼 만한 선택입니다.
- newflix에서 보기: https://newflix.io/s/excalidraw
- 공식 사이트: https://excalidraw.com
참고한 정보
- newflix Excalidraw 서비스 페이지
- Excalidraw 공식 GitHub 저장소
- Excalidraw+ 가격 페이지
- Sliplane, “5 Awesome Excalidraw Alternatives”
- Zapier, “The best online whiteboards”
'디자인' 카테고리의 다른 글
| tldraw — 회원가입 없이 바로 쓰는 무료 협업 화이트보드, 개발자를 위한 인피니트 캔버스 (0) | 2026.07.08 |
|---|---|
| Spline — 브라우저에서 만드는 실시간 협업 3D 디자인, Figma of 3D (0) | 2026.07.06 |
| Coolors — 스페이스바 한 번으로 완벽한 컬러 팔레트를 만드는 초고속 색상 도구 (0) | 2026.06.28 |
| Canva — 2억 6천만 명이 매일 쓰는 AI 디자인 플랫폼, 상상을 완성품으로 (0) | 2026.06.25 |
| Framer - 디자이너를 위한 노코드 웹사이트 빌더 (0) | 2026.06.22 |