tldraw——一款开源、自托管、支持实时协作的 Web 白板
✅ 1. tldraw 是什么?
tldraw 是一个开源、轻量、美观、可实时协作的 Web 白板工具,类似:
- Miro
- Excalidraw
- FigJam
但最大特点是:
✅ 可以完全自托管
✅ 支持多人实时协作 可以多人编辑,同步
✅ 白板流畅、界面现代、交互体验强
✅ 支持插件、形状库、自由绘制、图片、文本、连接线
✅ 作为 React 组件可嵌入到自己的网站/应用/企业内部系统
一句话形容:
它是一块可以部署在自己服务器上的“在线交互式白板”。
✅ 2. tldraw 的核心亮点
| 功能 | 说明 |
|---|---|
| ✅ 实时协作 | 多人一起画、即时同步 |
| ✅ 自托管 | 可放在企业内网或本地服务器 |
| ✅ 无限画布 | 无边界白板,适合流程讨论、设计草图 |
| ✅ 手绘风格 | 支持笔刷、形状、箭头、文本、贴图 |
| ✅ 嵌入能力强 | 可嵌入 React、Web App、自定义产品 |
| ✅ 导入导出 | 支持 PNG / SVG / JSON |
| ✅ 可扩展 | 插件、形状库、主题、权限控制 |
✅ 4. 自托管部署(最简单 Docker 方式)
✅ Docker 运行版
docker run -d \--name tldraw \-p 7000:3000 \wbsu2003/tldraw:latest
访问:
http://服务器IP:7000
✅ 开箱即用
✅ 不需要数据库
✅ 无需额外配置
✅ Docker Compose(推荐)
创建 docker-compose.yml:
version: "3.8"services:tldraw:image: wbsu2003/tldraw:latestcontainer_name: tldrawports:- "7000:3000"restart: unless-stopped
启动:
docker compose up -d
✅ 5. 真实使用场景
| 场景 | 使用方式 |
|---|---|
| ✅ 项目研讨、需求讨论 | 多人一起画流程、接口、交互 |
| ✅ 教学 & 远程培训 | 老师写板,学生可实时参与 |
| ✅ UI 草图、产品头脑风暴 | 拖、画、贴便签,一次性产出思路 |
| ✅ 周会/晨会白板 | 浏览器打开随时画 |
| ✅ 内网企业协作白板 | 安全隔离、数据不出外网 |
如果做演示、培训、讲课,tldraw 比 draw.io 更“现场互动感”。

✅ 6. 作为前端组件嵌入应用(强大能力)
如果你有自己的系统(例如内部管理平台、知识系统、OA、教学平台),可以把完整白板嵌入进去:
import { Tldraw } from '@tldraw/tldraw'export default function WhiteboardPage() {return <Tldraw />
}
可做:
- 在线产品原型
- 用户交互演示
- 课程白板系统
- 企业内部工具
这点是 draw.io / Excalidraw 很少做到的。
✅ 7. 是否适合加入你的“绘图虚拟机演示环境”?
✅ 强烈推荐加入
理由:
-
draw.io → 专业制图
-
Excalidraw → 手绘 & 草图
-
tldraw → 实时协作白板
-
Mermaid / PlantUML → 文本自动制图
-
Kroki → 渲染服务
三者搭配,可覆盖所有绘图场景。
✅ 8. 总结
| 结论 | 内容 |
|---|---|
| tldraw 是开源、自托管、现代化实时协作白板 | |
| 类似 Miro,但可以完全放在内网 | |
| 易用、美观、可嵌入系统、适合团队互动 | |
| 推荐加入学习/演示/培训/企业内部工具环境 |
一句话概括:
✅ tldraw = 内网版 Miro + 可嵌入系统的开源白板
