tldraw

tldraw이란 무엇인가요?

tldraw는 실시간 협업이 가능한 무한 캔버스 애플리케이션을 구축하기 위한 다목적 디지털 화이트보드 플랫폼 및 SDK입니다. React 기반으로 고성능, 커스터마이징이 가능한 캔버스를 제공하며, 리치 미디어, 인터랙티브 콘텐츠, 웹사이트 임베드도 지원합니다. 기본 드로잉, 지우개, 도형 생성, 자유 스케치 도구와 함께 고급 텍스트 편집, 실행 취소/재실행, 드래그 앤 드롭, 크로스탭 동기화 등 다양한 기능을 갖추고 있습니다. 실시간 협업을 위한 라이브 커서, 뷰포트 팔로우, 채팅도 제공하며, AI 모듈은 언어 모델을 활용해 스케치를 실제 웹사이트로 변환하는 혁신적 워크플로우를 지원합니다. SDK는 확장성이 높아 개발자가 맞춤형 도구와 인터페이스를 만들 수 있으며, 상업적 사용이 가능한 라이선스 옵션도 제공합니다.

주요 기능

• React 기반 무한 캔버스

  React로 완전히 구축된 고성능, 확장 가능한 캔버스로, 복잡한 도형, 미디어, 웹 임베드 콘텐츠를 지원합니다.

• 실시간 협업

  라이브 커서, 뷰포트 팔로우, 커서 채팅 등 멀티플레이어 기능이 내장되어 있으며, 자체 호스팅 가능한 동기화 백엔드를 제공합니다.

• 리치 텍스트 및 미디어 지원

  고급 텍스트 편집 및 다양한 서식, 이미지, 비디오, GIF, 웹사이트 임베드까지 지원합니다.

• AI 통합

  GPT-4 및 비전 API를 활용한 AI 모듈을 통해 그림을 해석하고 웹사이트와 같은 기능적 프로토타입을 생성할 수 있습니다.

• 높은 커스터마이징의 SDK

  API와 프리미티브를 통해 개발자가 필요에 따라 맞춤형 도구, 상호작용, 사용자 인터페이스를 만들 수 있습니다.

• 유연한 라이선스

  워터마크가 있는 무료 사용이 가능하며, 브랜드 제거 및 지원을 위한 상업용 라이선스도 제공합니다.

사용 사례

• 팀 협업 : 원격 팀이 무한 캔버스에서 실시간으로 브레인스토밍, 기획, 공동 작업을 할 수 있습니다.
• 제품 디자인 및 프로토타이핑 : 디자이너가 인터페이스를 스케치하고 AI를 활용해 그림을 실제 웹사이트 프로토타입으로 변환할 수 있습니다.
• 교육 및 워크숍 : 교사와 학생이 동적 화이트보드에서 수업, 주석, 협업 활동을 할 수 있습니다.
• 소프트웨어 개발 도구 : 개발자는 tldraw를 앱에 통합하여 다이어그램, UI 목업, 인터랙티브 문서화를 구현할 수 있습니다.
• 창의적 콘텐츠 제작 : 아티스트와 크리에이터가 자유로운 드로잉, 미디어, AI를 결합해 풍부한 시각적 콘텐츠를 만들 수 있습니다.

자주 묻는 질문