# tldraw를 알게 되었는데 Padlet이 나오네?

![Image](https://upload.cafenono.com/image/slashpagePost/20250415/140309_5Fph8iGXoJRZqhhHqQ?q=80&s=1280x180&t=outside&f=webp)

## 주목할 점:

- tldraw는 무료 오픈소스 웹 화이트보드 도구로 누구나 즉시 사용 가능

- 무한 캔버스와 30명까지 실시간 협업이 가능한 강력한 기능 제공

- 교육 플랫폼 Padlet이 신제품 Sandbox 개발에 tldraw SDK 사용

- Make Real(스케치→코드 변환), Computer(AI 워크플로우) 등 혁신 기능 탑재

- 4천만 사용자를 가진 Padlet이 선택한 기술적 토대가 바로 tldraw

## [tldraw](https://tldraw.com) 발견과 Padlet 연결고리

우연히 tldraw라는 무료 화이트보드 도구를 알게 되었습니다. 무료라고 해서 더 자세히 알아보던 중 놀랍게도 교육 분야의 대표적 협업 도구인 Padlet의 새 제품 Sandbox가 바로 이 tldraw를 기반으로 만들어졌다는 사실을 알게 되었습니다.

[tldraw](Https://tldraw.com)

## tldraw의 강점과 특징

tldraw는 웹에서 바로 작동하는 무료 화이트보드로, 계정 생성이나 설치 없이도 즉시 사용할 수 있습니다. 무한 캔버스에 자유롭게 그림을 그리고, 텍스트를 작성하고, 도형을 배치할 수 있으며, 최대 30명까지 동시에 작업할 수 있어 팀 프로젝트나 교육 환경에 딱 맞는 도구입니다.

직관적인 인터페이스는 디지털 도구에 익숙하지 않은 사람도 쉽게 사용할 수 있게 해주며, 오픈소스로 제공되어 개발자들이 원하는 대로 확장하고 커스터마이징할 수 있습니다.

## 'Make Real': 그림을 코드로 변환

tldraw의 Make Real은 손으로 그린 UI 스케치를 실제 작동하는 HTML과 Tailwind CSS 코드로 자동 변환해주는 기능입니다. GPT, Claude, Google의 AI 모델을 모두 사용할 수 있으며, 특히 무료인 Gemini API가 권장하고 싶습니다.

이 기능은 디자이너와 개발자 사이의 의사소통 간극을 좁혀줍니다. 웹사이트나 앱 디자인을 손으로 그린 후 버튼 하나만 클릭하면 즉시 실행 가능한 코드가 생성됩니다. 코딩을 모르는 사람도 자신만의 웹 인터페이스를 만들 수 있다는 점이 혁신적입니다.

[Video](https://vz-127031db-d43.b-cdn.net/efe70517-41e0-4e53-b751-433a583a6763/playlist.m3u8)

[Video](https://vz-127031db-d43.b-cdn.net/2ad78e31-5e92-4c68-8ecf-c8eaca864625/playlist.m3u8)

[make real • tldraw](https://makereal.tldraw.com/)

## 'tldraw Computer': AI 워크플로우 구축

'tldraw Computer'는 2025년 초에 출시된 자연어 컴퓨팅 플랫폼으로, 무한 캔버스와 멀티모달 언어 모델을 결합했습니다. 사용자는 다양한 "컴포넌트"를 생성하고 화살표로 연결하여 데이터 흐름과 변환을 시각화할 수 있습니다.

Gemini 2.0 Flash 모델을 활용한 이 도구는 자연어 명령 처리 기능을 제공하며, 복잡한 워크플로우를 직관적으로 구성하고 관리할 수 있게 해줍니다. computer.tldraw.com에서 접속 가능하며, 스토리 생성기, 정렬 기계, 전투 시뮬레이터 등 다양한 샘플 프로젝트도 제공합니다.

[Video](https://vz-127031db-d43.b-cdn.net/eeccc58e-70c5-4a9a-895e-78df299732cb/playlist.m3u8)

[tldraw computer](https://computer.tldraw.com/home)

## 'tldraw Teach': AI와 화이트보드의 만남

teach.tldraw.com은 tldraw에서 개발한 실험적 AI 프로젝트로, AI 모델이 tldraw 화이트보드를 "플레이"하도록 가르치는 도구입니다. 사용자는 "Prompt Tool"을 사용해 AI에게 캔버스에서 특정 작업을 수행하도록 요청할 수 있습니다.

이 프로젝트는 AI 학습 플랫폼으로 기능하며, 사용자의 그림과 프롬프트는 AI를 개선하기 위한 학습 데이터로 사용됩니다. tldraw 팀의 Lu와 Mini는 2024년 9월 RAG++ London 행사에서 실시간 드로잉, 인터랙티브 캔버스 조작, 스케치를 완전한 기능을 갖춘 와이어프레임으로 변환하는 실험을 시연했습니다.

[Video](https://vz-127031db-d43.b-cdn.net/0df13c16-39b3-4e14-a99a-bbf8ff6babae/playlist.m3u8)

[Teach • tldraw](https://teach.tldraw.com/)

## Padlet과 tldraw의 연결

tldraw에 대해 더 알아보던 중 매우 흥미로운 사실을 발견했습니다. 전 세계 4천만 명의 교사와 학생들이 사용하는 Padlet이 새로운 화이트보드 제품 'Sandbox'를 개발하기 위해 tldraw SDK를 선택했다는 것입니다.

Google이 Jamboard 서비스 종료를 발표한 후, Padlet은 교육용 화이트보드 시장의 빈자리를 채울 기회를 포착했습니다. 개발 시간이 제한된 상황에서 Padlet 팀은 tldraw SDK를 기반으로 단 10주 만에 Sandbox를 출시했습니다.

tldraw SDK는 Padlet에 빠른 캔버스 렌더링, 다양한 브라우저 호환성, 완성된 사용자 상호작용 시스템을 제공했습니다. Padlet은 tldraw의 API를 활용해 기존 콘텐츠 블록을 새 화이트보드에 통합했고, 카메라 컨트롤 기능으로 캔버스를 교실에 적합한 형태로 변형했습니다.

현재 Padlet Sandbox는 매월 40만 명이 사용하며, 14만 개 이상의 새로운 작업공간이 생성됩니다. 새로 만들어지는 모든 Padlet 중 10% 이상이 Sandbox일 정도로 인기를 얻고 있습니다. 흥미롭게도 Padlet Sandbox가 30명이 넘으면 느려진다는 문제점이 있는데, 이는 tldraw 자체가 30명까지 협업을 최적화했기 때문인 것으로 추측됩니다.

## 교육 현장에서의 무료 도구 영향력

tldraw와 Padlet의 사례는 무료 오픈소스 도구가 어떻게 교육 현장을 변화시킬 수 있는지 보여줍니다. 부족한 교육 예산으로 고민하는 학교들에게 tldraw 같은 무료 도구는 디지털 협업과 창의적 표현의 기회를 제공합니다.

교사들은 tldraw를 활용해 인터랙티브한 수업 자료를 만들고, 학생들은 함께 브레인스토밍하고 프로젝트를 진행할 수 있습니다. 특히 원격 교육이 확대된 시대에 실시간 협업 기능은 더욱 중요해졌습니다.

또한 코딩 교육에도 Make Real과 같은 기능을 활용하면, 학생들이 그린 디자인이 실제 코드로 변환되는 과정을 직접 체험할 수 있어 프로그래밍에 대한 흥미를 높일 수 있습니다. 

tldraw는 웹사이트(tldraw.com)에서 바로 시작할 수 있습니다. 계정 가입이나 설치 과정 없이 링크 하나로 학생들과 즉시 협업할 수 있어 교육 현장에서 바로 활용하기 좋은 도구입니다.

## 어린이 사용에 관한 안내

tldraw 서비스는 13세 미만 어린이의 사용을 의도하지 않습니다. 서비스 약관에 따르면, 법적으로 금지된 방식으로 어린이의 개인 정보가 수집되었다고 생각하는 부모나 보호자는 tldraw에 연락할 수 있습니다. 만약 어린이가 부모나 보호자의 법적 동의 없이 서비스를 통해 개인 정보를 제공한 것으로 확인되면, 해당 정보는 법적 요구사항에 따라 삭제됩니다.

따라서 13세 미만 학생들이 교육 목적으로 tldraw를 사용하려면 부모나 보호자의 동의가 필요합니다. 교사나 학교가 tldraw를 수업에 활용할 계획이라면, 미리 학부모 동의서를 받거나 학교 정책에 맞는 적절한 절차를 따르는 것이 중요합니다.

---

[에듀테크 보러가기](https://%EC%97%90%EB%93%80%ED%85%8C%ED%81%AC%EA%B5%AC%EB%A7%A4.com)

For the site tree, see the [root Markdown](https://blog.learntoday.kr/.md).