tldraw — 회원가입 없이 바로 쓰는 무료 협업 화이트보드, 개발자를 위한 인피니트 캔버스

tldraw — 회원가입 없이 바로 쓰는 무료 협업 화이트보드, 개발자를 위한 인피니트 캔버스

"무료로 즉시 사용하는 협업 화이트보드. 회원가입도, 다운로드도 필요 없다."

tldraw는 2021년 스티브 루이즈(Steve Ruiz)가 만든 무료 온라인 화이트보드입니다. 계정 없이 링크 하나로 팀 전체가 실시간으로 그리고, 쓰고, 공유할 수 있습니다. 더욱 주목할 점은 tldraw가 단순한 화이트보드 앱이 아니라 React 기반의 오픈소스 인피니트 캔버스 SDK를 제공한다는 것입니다. 현재 GitHub에서 40,000개 이상의 스타를 보유한 이 SDK는 수만 개의 웹 애플리케이션이 자체 화이트보드를 구축하는 데 사용되고 있습니다.

---

TL;DR

• 완전 무료, 계정 불필요 — tldraw.com에 접속하면 즉시 빈 캔버스가 열립니다. 가입, 로그인, 다운로드 없이 링크를 공유해 바로 협업을 시작할 수 있습니다.
• 오픈소스 React SDK — 무한 캔버스 엔진을 TypeScript 라이브러리로 제공합니다. 커스텀 도형, 도구, 바인딩을 만들어 자신만의 화이트보드 앱을 구축할 수 있습니다.
• SDK 4.0 + AI 스타터 키트 — 2025년 9월 출시된 SDK 4.0은 AI 에이전트, 노드 기반 워크플로, 브랜칭 채팅 등 5개의 MIT 라이선스 스타터 키트를 포함합니다.
• WCAG 2.2 AA 접근성 준수 — 캔버스 기반 웹 앱 중 최고 수준의 접근성 표준을 달성하여, 모든 사용자가 동등하게 사용할 수 있습니다.
• 런던 스타트업, $10M 시리즈 A — Lux Ventures와 Definition Capital이 이끄는 시리즈 A를 통해 SDK 지속 가능성을 확보했습니다.

---

핵심 정보 한눈에 보기

항목	내용
서비스명	tldraw
한 줄 설명	무료로 즉시 사용하는 협업 화이트보드
개발사	tldraw (런던, 영국)
창립자	Steve Ruiz
카테고리	디자인 / 화이트보드 / 협업 도구
플랫폼	웹 (모바일, 태블릿, 데스크톱)
가격	컨슈머 앱 무료 / SDK 상업용 라이선스 연 $6,000
GitHub 스타	40,000+
주간 npm 설치	70,000+
접근성	WCAG 2.2 AA 준수
newflix 등록일	2026년 5월 19일
공식 사이트	tldraw.com
SDK 문서	tldraw.dev

---

어떤 문제를 풀까?

화이트보드 협업 도구 시장에는 이미 Miro(기업가치 $175억), Figma FigJam(Adobe 인수 $200억), Microsoft Whiteboard 같은 거대 플레이어가 있습니다. 그런데도 tldraw가 주목받는 이유는 이 시장이 가진 근본적인 마찰(friction) 문제를 해결하기 때문입니다.

첫째, 가입 장벽이 너무 높습니다. 대부분의 협업 도구는 모든 참여자가 계정을 만들어야 합니다. "잠깐 아이디어를 스케치하고 싶은데" 같은 순간에, 상대방이 가입하고 로그인하기를 기다려야 합니다. tldraw는 이 장벽을 완전히 없앴습니다. 사이트에 접속하면 즉시 빈 캔버스가 열리고, 링크를 공유하면 상대방도 가입 없이 바로 그릴 수 있습니다.

둘째, 캔버스 경험이 폐쇄적입니다. 기존 화이트보드 앱들은 자체적인 생태계 안에서만 동작합니다. "이 화이트보드 기능을 우리 제품에도 넣고 싶다"고 할 때, 선택지가 거의 없었습니다. tldraw는 이 문제를 React SDK로 해결했습니다. npm install @tldraw/tldraw 한 줄이면 무한 캔버스 엔진을 자신의 웹 앱에 통합할 수 있습니다.

셋째, AI 시대의 캔버스가 필요합니다. 2025년부터 화이트보드는 사람만의 것이 아니게 됐습니다. AI 에이전트가 캔버스 위에서 사용자와 함께 작업하고, 노드를 연결해 워크플로를 구성하고, 다이어그램을 자동으로 생성하는 시대입니다. tldraw는 SDK 4.0에서 AI 에이전트, 노드 기반 워크플로, 이미지 생성 채팅 등 AI 중심 스타터 키트를 선제적으로 제공하며 이 변화를 주도하고 있습니다.

---

첫 화면부터 느껴지는 장점 — 바로 그릴 수 있는 빈 캔버스

스크린샷에서 가장 먼저 보이는 것은 넓은 회색 캔버스와 하단의 간결한 도구 막대입니다. tldraw의 철학은 명확합니다. 사용자가 도구를 배우느라 시간을 쓰지 않고, 바로 생각을 시각화하게 만드는 것입니다.

하단 도구 막대에는 선택, 이동, 펜, 지우개, 텍스트, 이미지 삽입, 링크 추가 같은 기본 도구가 배치되어 있습니다. 오른쪽 패널에서는 색상, 선 스타일, 도형, 크기(S/M/L/XL)를 조절할 수 있습니다. 기능은 충분하지만 화면을 압도하지 않습니다. Miro처럼 수십 개의 메뉴가 열려 있지도 않고, 전문 디자인 툴처럼 복잡한 속성 패널이 따라다니지도 않습니다.

특히 흥미로운 부분은 오른쪽 아래의 "tldraw SDK를 사용" 문구입니다. tldraw는 자기 자신을 하나의 제품이면서 동시에 개발자 플랫폼의 데모로 보여줍니다. 즉, 사용자는 무료 화이트보드를 쓰고, 개발자는 "이 정도 품질의 캔버스를 우리 제품에도 넣을 수 있겠구나"라고 이해하게 됩니다.

캔버스에서 가능한 기본 작업

• 펜과 도형으로 빠른 아이디어 스케치
• 텍스트와 화살표로 사용자 흐름 설명
• 이미지, 동영상, GIF 삽입
• 프레임과 스티키 노트로 구조화된 보드 구성
• SVG, PNG, JPG, JSON 형식으로 내보내기
• 링크 공유를 통한 실시간 공동 편집 또는 읽기 전용 공유

두 번째 newflix 스크린샷은 로딩 화면만 표시되어 있어 본문에는 주요 예시로 사용하지 않았습니다. 대신 첫 번째 스크린샷이 보여주는 실제 편집 UI를 중심으로 tldraw의 핵심 경험을 설명하는 편이 자연스럽습니다.

---

tldraw SDK — 화이트보드 앱이 아니라 캔버스 엔진

TechCrunch는 tldraw를 "로그인 없이 협업할 수 있는 무료 오픈소스 화이트보드"라고 소개했지만, 개발자 관점에서 더 중요한 것은 tldraw가 화이트보드-as-a-service에 가까운 SDK를 제공한다는 점입니다.

무한 캔버스 앱을 직접 만들어본 사람이라면 이것이 얼마나 어려운지 압니다. 선택, 크기 조절, 회전, 드래그, 부모-자식 도형 관계, undo/redo 같은 기능은 겉보기에는 단순하지만 수학적으로 복잡하고 UX 감각도 중요합니다. 창립자 Steve Ruiz가 말했듯, 좋은 구현은 "느낌이 맞아야" 합니다. tldraw SDK는 이 까다로운 상호작용 레이어를 미리 구현해 줍니다.

개발자가 얻는 것

• React/TypeScript 기반 인피니트 캔버스 엔진
• 커스텀 도형, 도구, 바인딩, UI 구성 가능
• 실시간 협업을 위한 동기화 백엔드
• 접근성 개선이 포함된 캔버스 컴포넌트
• 화이트보드, 다이어그램, 워크플로 빌더, 교육 도구, AI 앱 등에 재사용 가능한 기반

실제로 tldraw는 MacPaint 스타일의 웹 드로잉 앱, 스토리 빌딩 도구, AI 비디오 생성 플랫폼의 베이스 캔버스, 오픈소스 가상 교실 BigBlueButton의 수업용 화이트보드 등 다양한 제품에 활용되어 왔습니다.

---

SDK 4.0 — AI와 워크플로를 위한 캔버스

2025년 9월 발표된 tldraw SDK 4.0은 단순한 기능 업데이트가 아니라 tldraw의 방향 전환을 보여줍니다. 이제 tldraw는 "그리는 도구"를 넘어 AI 네이티브 캔버스 애플리케이션을 만드는 기반을 지향합니다.

새로운 CLI인 npm create tldraw@latest를 실행하면 템플릿과 스타터 키트를 빠르게 생성할 수 있습니다. SDK 4.0에는 다음과 같은 스타터 키트가 포함됩니다.

스타터 키트	용도
agent	Cursor 스타일의 챗봇을 캔버스 위에서 구현
workflow	React Flow처럼 노드와 선을 연결하는 워크플로 앱 구축
branching chat	여러 갈래로 뻗는 AI 대화 인터페이스 구현
chat	캔버스를 활용해 이미지를 만들고 주석을 다는 채팅 앱 구축
multiplayer	실시간 멀티플레이어 화이트보드, 게임, 협업 앱 개발

이 스타터 키트들은 MIT 라이선스로 제공됩니다. 즉, 개발자는 tldraw SDK의 상업용 라이선스 정책과 별개로 스타터 코드 자체를 자유롭게 학습하고 확장할 수 있습니다.

또 하나 중요한 변화는 접근성입니다. tldraw SDK 4.0은 WCAG 2.2 AA 접근성 표준을 충족하도록 개선되었습니다. 캔버스 기반 앱은 스크린 리더와 키보드 탐색을 지원하기 어려운 영역인데, tldraw는 이 문제를 SDK 차원에서 해결하려고 합니다. 이는 tldraw를 쓰는 하위 제품에도 그대로 이점으로 전달됩니다.

---

가격과 라이선스 — 무료 앱, 유료 SDK

tldraw의 가격 구조는 두 층으로 나뉩니다.

일반 사용자를 위한 tldraw.com 화이트보드 앱은 무료입니다. 계정 없이 즉시 사용할 수 있고, 모바일·태블릿·데스크톱 모두에서 동작합니다. 간단한 회의, 수업, 아이디어 스케치, 다이어그램 작성에는 이 무료 앱만으로도 충분합니다.

반면 tldraw SDK를 프로덕션 제품에 사용하는 경우에는 상업용 라이선스가 필요합니다. SDK 4.0부터 tldraw는 개발 환경에서는 무료로 사용할 수 있지만, 프로덕션 배포에는 유효한 라이선스 키가 필요하도록 정책을 바꿨습니다. 공식 가격 페이지와 관련 보도에 따르면 다음 구조를 따릅니다.

구분	가격/조건	설명
화이트보드 앱	무료	tldraw.com에서 즉시 사용
개발 환경 SDK	무료	localhost 및 개발 환경 사용 가능
프로덕션 SDK 체험	100일 무료 체험	실제 서비스 환경에서 평가 가능
상업용 SDK	팀당 연 $6,000부터	제품에 tldraw 캔버스를 통합할 때 필요
취미/비상업용	별도 신청	비상업 프로젝트용 라이선스

이 변경은 커뮤니티에서 논쟁을 만들었습니다. 오픈소스 프로젝트로 성장한 tldraw가 상업용 라이선스를 강화했기 때문입니다. 하지만 동시에 tldraw 팀 입장에서는 고품질 캔버스 엔진을 장기적으로 유지하기 위한 현실적인 선택이기도 합니다. "무료 화이트보드"와 "상업용 SDK"를 명확히 분리한 셈입니다.

---

경쟁 서비스 비교 — Excalidraw, Miro, FigJam과의 차이

tldraw를 이해하려면 경쟁 도구와의 위치를 보는 것이 좋습니다.

비교 항목	tldraw	Excalidraw	Miro	FigJam
핵심 강점	무료 즉시 사용 + React SDK	손그림 감성, 쉬운 다이어그램	기업용 협업 기능	Figma 생태계 연동
가입 필요	불필요	대체로 불필요	필요	필요
협업	링크 공유, 실시간 편집	실시간 협업	강력한 팀 협업	디자인팀 협업
개발자 SDK	강력한 React SDK	제한적	플랫폼 API 중심	Figma 플러그인 생태계
복잡도	낮음~중간	낮음	높음	중간
적합한 사용자	빠른 스케치 + 캔버스 앱 개발자	다이어그램/메모	대기업/워크숍	디자이너/제품팀

Excalidraw는 손그림 느낌의 다이어그램을 빠르게 만들 때 여전히 훌륭합니다. 이미 많은 개발자와 PM이 아키텍처 스케치에 사용합니다. tldraw는 Excalidraw보다 인터페이스가 더 앱 플랫폼에 가깝고, SDK를 통해 제품에 통합하기 좋습니다.

Miro는 대규모 워크숍, 템플릿, 엔터프라이즈 관리 기능에서 강합니다. 하지만 간단한 아이디어 스케치에는 무겁게 느껴질 수 있습니다. tldraw는 "회의 중 지금 바로 링크를 열고 그리자"는 상황에 훨씬 가볍습니다.

FigJam은 Figma를 이미 쓰는 디자인팀에게 자연스럽습니다. 디자인 파일, 컴포넌트, FigJam 보드가 같은 생태계 안에 있기 때문입니다. 반면 tldraw는 Figma 생태계에 묶이지 않고, 웹 어디에나 들어갈 수 있는 독립적인 캔버스 엔진이라는 점이 차별점입니다.

---

실제 사용 시나리오

1. 회의 중 30초 스케치

"이 흐름을 그림으로 설명하면 빠를 것 같은데"라는 순간, tldraw는 가장 부담 없는 선택입니다. 새 보드를 만들고 링크를 공유하면 끝입니다. 참가자가 계정을 만들 필요가 없기 때문에 외부 파트너, 고객, 학생과도 마찰 없이 쓸 수 있습니다.

2. 제품 아이디어와 사용자 흐름 정리

펜, 도형, 텍스트, 화살표를 조합해 간단한 와이어프레임이나 사용자 여정을 그릴 수 있습니다. 전문 디자인 산출물이 아니라 생각을 빠르게 정리하는 단계에 특히 잘 맞습니다.

3. 교육과 실시간 설명

수업, 튜터링, 온라인 워크숍에서 강사가 실시간으로 그림을 그리며 설명하고, 참여자가 같은 보드 위에 메모를 남길 수 있습니다. BigBlueButton 같은 가상 교실 도구가 tldraw를 기반 화이트보드로 활용한 이유도 여기에 있습니다.

4. 개발 제품에 캔버스 기능 내장

개발자에게는 이 시나리오가 가장 중요합니다. 워크플로 빌더, 노코드 자동화 도구, AI 에이전트 시각화, 다이어그램 편집기, 게임 맵 에디터처럼 "무한 캔버스 + 커스텀 도형"이 필요한 제품에서 tldraw SDK는 강력한 출발점이 됩니다.

---

장단점 요약

장점

• 회원가입 없는 즉시 사용 — 링크를 열고 바로 그릴 수 있어 협업 도구 특유의 온보딩 마찰이 거의 없습니다.
• 가볍고 직관적인 UI — 필요한 도구만 노출되어 초보자도 빠르게 적응합니다.
• 실시간 공동 편집 — 간단한 회의, 수업, 워크숍에서 부담 없이 활용할 수 있습니다.
• 강력한 React SDK — 무한 캔버스 앱을 직접 만드는 개발자에게 큰 시간을 절약해 줍니다.
• AI 시대에 맞는 스타터 키트 — agent, workflow, branching chat 등 최신 애플리케이션 패턴을 지원합니다.
• 접근성에 진지함 — WCAG 2.2 AA 준수는 캔버스 SDK에서 보기 드문 강점입니다.
• 오픈소스 커뮤니티 기반 — 40,000개 이상의 GitHub 스타와 활발한 생태계를 보유합니다.

단점

• 전문 워크숍 기능은 Miro보다 약함 — 템플릿, 퍼실리테이션, 엔터프라이즈 관리 기능은 대형 협업 플랫폼이 더 강합니다.
• 화이트보드 앱 자체는 단순함 — 복잡한 프로젝트 관리나 디자인 시스템 연동을 기대하면 부족할 수 있습니다.
• SDK 상업용 라이선스 비용 — 프로덕션 제품에 넣으려면 연 $6,000 수준의 비용을 고려해야 합니다.
• 라이선스 변화에 대한 불확실성 — 오픈소스 기반 프로젝트에서 상업화 정책이 바뀌며 일부 개발자에게 부담이 될 수 있습니다.
• 한국어 현지화 정보 부족 — 인터페이스가 단순해 사용은 어렵지 않지만, 공식 한국어 문서나 고객 지원은 제한적입니다.

---

누구에게 추천할까?

tldraw를 추천하는 경우

• 회의 중 빠르게 그림으로 설명할 일이 많은 팀
• 회원가입 없이 외부 사람과 즉시 협업해야 하는 상황
• Excalidraw보다 조금 더 현대적이고 앱 같은 화이트보드를 원하는 사용자
• React 기반 제품에 화이트보드나 캔버스 기능을 넣고 싶은 개발자
• AI 에이전트, 워크플로 빌더, 노드 편집기 같은 캔버스 중심 제품을 만드는 스타트업

다른 도구가 더 나은 경우

• 대기업 워크숍, 템플릿, 보안 관리가 중요하다면 Miro
• 손그림 느낌의 간단한 다이어그램만 원한다면 Excalidraw
• Figma 디자인 워크플로와 긴밀히 연결해야 한다면 FigJam
• 완전 무료 오픈소스 SDK를 상업 제품에 제한 없이 쓰고 싶다면 라이선스 조건을 더 신중히 검토

---

총평 — "가장 가벼운 화이트보드"이자 "가장 실용적인 캔버스 SDK"

tldraw의 매력은 겉으로 보면 단순합니다. 사이트를 열면 빈 캔버스가 나오고, 바로 그릴 수 있고, 링크를 공유하면 됩니다. 이 단순함만으로도 tldraw는 회의와 수업, 빠른 스케치에 충분히 좋은 도구입니다.

하지만 tldraw의 진짜 가치는 그 아래에 있습니다. tldraw는 사람들이 그림을 그리는 앱을 만들면서 동시에 개발자들이 자신만의 인피니트 캔버스 앱을 만들 수 있는 기반을 제공합니다. SDK 4.0에서 AI 에이전트와 워크플로 스타터 키트를 내놓은 것도 우연이 아닙니다. 앞으로 많은 앱은 텍스트 입력창 하나가 아니라, 사람과 AI가 함께 조작하는 캔버스를 중심으로 움직일 가능성이 큽니다.

그런 의미에서 tldraw는 단순한 무료 화이트보드가 아닙니다. 생각을 바로 그리는 도구이자, 다음 세대 캔버스 앱을 만드는 개발 플랫폼입니다. 가볍게 써보려면 tldraw.com을 열면 되고, 제품에 통합하려면 tldraw.dev에서 SDK를 살펴보면 됩니다.

newflix에서 tldraw 정보와 관련 서비스를 더 살펴보세요: https://newflix.io/s/tldraw