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 + 可嵌入系统的开源白板