tldraw：开源免费的无限画布白板

一句话定位：MIT 开源的无限画布白板，零注册、多人实时协作，还带 AI 生成图。

tldraw 是一个开源（MIT 许可）的无限画布白板，打开网页就能画，不需要账号、没有功能墙。它由 Steve Ruiz 创建，GitHub 上 3.5 万+ star，既能当独立画图工具，也能作为 React SDK 嵌进你自己的应用。它支持手绘风、形状、文字、便签、箭头，多人分享链接实时协作，导出 SVG/PNG/JSON。2026 年加入 AI 能力，比如把潦草线框变成规整图、实验性的"Make Real"把手绘草图转成可用 HTML/CSS。对开发者、设计师和需要边聊边画可视化的团队，它是零成本、零门槛的选择。

工具信息

项目	内容
工具名称	tldraw
支持系统	Web（浏览器直接使用）；SDK 支持接入自研 Web 应用
官网	https://tldraw.com
GitHub 地址	https://github.com/tldraw/tldraw
官网下载地址	https://tldraw.com（Web 版直接访问；SDK 见 GitHub）

核心能力

无限画布与手绘风：画布顺滑、可放大缩小不卡顿，所有形状带轻微手绘质感，让草图显得轻松不正式，适合早期头脑风暴。可切干净风格求精确。

零注册实时协作：分享房间链接即可多人同时编辑，光标可见、改动秒同步，基于 Cloudflare Workers。不需要建 workspace、不需要邀请流程，开会时甩个链接就能共创。

AI 辅助绘图：AI 把潦草形状清理成专业图表，弥合"手绘构思"与"成品文档"之间的差距；实验性的 Make Real 能用 AI 把手绘线框变成可运行的 HTML/CSS 原型。

可嵌入 SDK：tldraw SDK 是 npm 上的 React 组件，MIT 许可可商用，暴露完整 API 自定义形状、事件与状态持久化——这是它区别于其他白板的关键，开发者能把它塞进任何产品。

多格式导出：导出 SVG（保留手绘风）、PNG 或 JSON。JSON 保留完整文档结构，方便程序化保存与恢复。

使用上手

打开即用：浏览器访问 tldraw.com，无需登录直接开始画。
协作：点分享生成房间链接，发给团队实时共创，或把 PNG 贴进工单。
典型工作流：开会时开白板画 UI 流程 → 贴链接让团队标注 → 导出 PNG 进工单；或画潦草线框用 Make Real 出 HTML 原型。
常用技巧：开发者用 SDK 嵌进内部工具；需要规整图就用 AI 清理手绘；敏感环境可自托管保隐私。

优点与不足

优点：完全免费开源、零注册；轻量流畅、性能好；SDK 可商用嵌入；AI 绘图与 Make Real 有新意。
不足：基础绘图工具、缺模板库与投票等结构化协作功能；导出选项有限；AI 增强付费档多源有出入（以官网为准）。

价格与授权

方案	价格	说明
免费版	$0	核心白板、无限画板、多人协作、SVG/PNG/JSON 导出全免费
AI 增强档	$8–25/月	Plus/Maker 等 AI 绘图档（部分来源显示，以 tldraw.com/pricing 为准）
SDK	$0	MIT 许可，可商用嵌入，无授权费

适合谁

开发者、设计师、需要边聊边画可视化的团队，以及想要白板 SDK 嵌进自家产品的人，tldraw 零成本且灵活。如果需要带模板、投票、强管理的正式工作坊白板，Miro/FigJam 更合适；要像素级 UI 设计去 Figma/Galileo。AI 付费档以官网为准。

下载与访问

官网：https://tldraw.com
直接下载：无需安装，浏览器访问即可；SDK 在 https://github.com/tldraw/tldraw
平台说明：纯 Web 云端，任意浏览器可用；SDK 可自托管或嵌入 Web 应用。

本文属于「设计」分类的 AI 工具专栏，更多工具评测见分类页。