개요
웹 기반 화이트보드는 실시간 협업 캔버스로, 브레인스토밍, 다이어그램, 와이어프레임, 워크숍 등에 사용됩니다. Excalidraw 같은 오픈소스 도구부터 Miro 같은 엔터프라이즈 플랫폼까지 다양합니다.
오픈소스
Excalidraw
| 항목 | 내용 |
|---|---|
| 핵심 | 손그림 스타일 화이트보드, 가장 인기 있는 오픈소스 |
| 라이선스 | MIT |
| 가격 | 무료 (Excalidraw+: $7/월) |
| 셀프호스팅 | O |
| GitHub | https://github.com/excalidraw/excalidraw |
| 웹사이트 | https://excalidraw.com |
특징:
- 즉시 시작 (회원가입 불필요)
- 손그림(Hand-drawn) 스타일 → 비공식적/친근한 다이어그램
- 실시간 협업 (링크 공유)
- 라이브러리: 커뮤니티 제작 도형/아이콘 재사용
- 내보내기: PNG, SVG, JSON
- Obsidian 플러그인: vault 내에서 직접 Excalidraw 캔버스 사용
- VS Code 확장도 존재
- React 컴포넌트로 자체 앱에 내장 가능
Excalidraw+ (유료):
- E2E 암호화 저장
- 무제한 캔버스
- 팀 공유 라이브러리
tldraw
| 항목 | 내용 |
|---|---|
| 핵심 | Excalidraw 대안, React 컴포넌트로 내장 가능, AI 기능 |
| 라이선스 | Apache 2.0 (SDK) |
| 셀프호스팅 | O |
| GitHub | https://github.com/tldraw/tldraw |
특징:
- 깔끔한 UI, 다양한 도형/화살표
- React SDK: 자체 앱에 화이트보드 임베딩 (
<Tldraw />) - Make Real: 화이트보드 스케치 → AI가 실제 UI 코드 생성
- 실시간 협업
- 내보내기: PNG, SVG, JSON
import { Tldraw } from 'tldraw';
function App() {
return <Tldraw />;
}기타 오픈소스
| 도구 | 특징 |
|---|---|
| Spacedeck | 미디어 임베딩 (이미지, 비디오, PDF), 셀프호스팅, Docker |
| Ourboard | 실시간 협업, 경량, TypeScript |
| WBO (WhiteBoard Online) | 초경량 실시간 화이트보드, Node.js |
| Witeboard | 미니멀 화이트보드, 즉시 시작 |
상용
Miro
| 항목 | 내용 |
|---|---|
| 핵심 | 화이트보드 시장 1위, 팀 협업 플랫폼 |
| 가격 | 무료 (3보드) / Starter 16/월 |
| 웹사이트 | https://miro.com |
특징:
- 2,500+ 템플릿: 스프린트 플래닝, 유저 스토리 맵, 칸반, 마인드맵 등
- 실시간 협업 (100+ 동시 사용자)
- 투표, 타이머, 발표 모드
- Jira, Slack, Confluence, Figma 연동
- AI: 다이어그램 자동 생성, 요약, 마인드맵
- 엔터프라이즈: SSO, 감사 로그, 데이터 거버넌스
장점: 가장 큰 생태계, 비개발자도 쉬움 단점: 무료 제한 (3보드), 대규모 보드 시 느려짐
FigJam
| 항목 | 내용 |
|---|---|
| 핵심 | Figma 생태계, 디자이너 친화 화이트보드 |
| 가격 | 무료 (3파일) / $5/월 (Figma 포함 시) |
| 웹사이트 | https://www.figma.com/figjam |
특징:
- Figma와 원활한 연동 (디자인 ↔ 화이트보드)
- 스티커, 이모지, 스탬프 → 비동기 피드백
- 위젯/플러그인
- AI: 다이어그램 생성, 정리
- Google Jamboard 종료 후 대체재로 부상
장점: Figma 사용자라면 최적, 가격 저렴 단점: Figma 미사용 시 장점 반감
Whimsical
| 항목 | 내용 |
|---|---|
| 핵심 | 플로우차트/와이어프레임 특화, 구조적 다이어그램 |
| 가격 | 무료 (제한) / $10/월 |
| 웹사이트 | https://whimsical.com |
특징:
- 플로우차트, 마인드맵, 와이어프레임, 문서 통합
- 자동 정렬/레이아웃 → 깔끔한 다이어그램
- AI: 텍스트 → 플로우차트 자동 생성
- 빠르고 반응성 좋은 UI
장점: 구조적 다이어그램에 최적, 자동 레이아웃 우수 단점: 자유 형식 스케치에는 Excalidraw/Miro가 나음
기타 상용
| 도구 | 특징 | 가격 |
|---|---|---|
| Lucidspark | Lucidchart 연동, 브레인스토밍 특화 | $7.95/월 |
| Microsoft Whiteboard | Teams/365 통합, 무료 | M365 포함 |
| Canva Whiteboard | Canva 디자인 에셋 활용 | 무료/Pro |
| Mural | 디자인 씽킹/워크숍 특화, 엔터프라이즈 | $12/월 |
| Eraser | 개발자 특화 (아키텍처 다이어그램, 문서) | 무료/Pro |
다이어그램 전용 도구
화이트보드는 아니지만 다이어그램 작성에 자주 사용:
| 도구 | 특징 |
|---|---|
| draw.io (diagrams.net) | 무료, 오픈소스, 가장 범용적 다이어그램 도구 |
| Lucidchart | 엔터프라이즈 다이어그램, Visio 대안 |
| PlantUML | 텍스트 → UML 다이어그램 (코드 기반) |
| Mermaid | 마크다운 내 다이어그램 (GitHub, Obsidian 지원) |
| D2 | 텍스트 → 다이어그램, 선언적 (Terrastruct) |
비교
| 도구 | 유형 | 협업 | 셀프호스팅 | 가격 | 최적 용도 |
|---|---|---|---|---|---|
| Excalidraw | 손그림 캔버스 | O | O | 무료 | 빠른 스케치, 개발자 |
| tldraw | 캔버스 SDK | O | O | 무료 | 앱 내장 화이트보드 |
| Miro | 팀 플랫폼 | 최강 | X | $8/월 | 워크숍, 브레인스토밍 |
| FigJam | 디자인 협업 | O | X | $5/월 | 디자이너 팀 |
| Whimsical | 구조적 다이어그램 | O | X | $10/월 | 플로우차트, 와이어프레임 |
| draw.io | 범용 다이어그램 | 제한 | O | 무료 | ERD, 아키텍처, Visio 대안 |
| Mural | 워크숍 | O | X | $12/월 | 디자인 씽킹 |
| Eraser | 개발자 문서 | O | X | 무료/Pro | 아키텍처 다이어그램 |
선택 가이드
| 상황 | 추천 |
|---|---|
| 빠른 스케치/다이어그램 | Excalidraw |
| 자체 앱에 화이트보드 내장 | tldraw (React SDK) |
| 팀 워크숍/브레인스토밍 | Miro |
| Figma 사용 팀 | FigJam |
| 플로우차트/와이어프레임 | Whimsical |
| 셀프호스팅 필수 | Excalidraw |
| Obsidian 연동 | Excalidraw (플러그인) |
| ERD/아키텍처 다이어그램 | draw.io |
| 코드 기반 다이어그램 | Mermaid or PlantUML |
| Microsoft 생태계 | Microsoft Whiteboard |