tldraw Offline:免费离线无限画布,让 AI 直接在你的本地白板上工作并实现动态交互!
1. tldraw Offline:免费离线无限画布,让 AI 直接在你的本地白板上工作并实现动态交互!
[!abstract] 速览
tldraw Offline 是 tldraw 官方推出的免费桌面白板软件,支持 Windows、macOS 和 Linux。
核心功能:以本地 .tldraw 文件保存画布内容,支持 AI Agent(如 Claude Code、Codex)直接查看和编辑画布,还能通过脚本实现动态交互(如任务看板自动变色、数据可视化)。
适合作为思考草稿纸、项目规划和技术文档的可视化表达工具,尤其适合喜欢本地优先、希望与 AI 协作的用户。
同时提醒:来源不明的脚本存在安全风险。
1.1. 主要内容
| 要点 | 说明 |
|---|---|
| 本地文件存储,实现数据主权 | 画布以 .tldraw 原生格式保存,所有内容、页面、媒体和脚本均可放入用户指定的文件夹,用户可自行决定命名、存放位置及备份策略,满足本地优先用户的需求。 |
| AI Agent 可以直接参与画布编辑 | 采用“Bring Your Own AI”的思路,用户可使用自有的 AI 工具(如 Claude Code、Codex)通过安装 Skill 后,直接让 AI 查看画布、生成图形、修改内容或编写脚本,实现人机协作。 |
| 脚本功能赋予画布动态交互能力 | 脚本可控制元素动作和用户交互,例如任务看板卡片拖入“完成”栏可自动变绿,或基于本地 CSV 数据实现地震数据可视化,极大拓展了白板的应用场景。 |
| 需警惕来源不明脚本的安全风险 | 类似 Office 宏病毒,恶意脚本可能执行危险操作,作者提醒用户仅信任可靠来源的脚本,并期待 tldraw 在沙箱机制或权限管理上更加谨慎。 |
市面上成熟的画布工具、可视化笔记已经有很多。除了我们以前介绍的各种在线画板工具以外,现在我把眼光放在了本地应用上。像 Obsidian Canvas、Excalidraw 本地插件……这些本地工具一方面可以让我们用户实际控制数据,另一方面,也让我们可以产生更多的扩充应用和 AI 嵌入的可能。
今天介绍的 tldraw Offline,就是 tldraw 官方推出的免费桌面白板,支持 Windows、macOS 和 Linux,画布以本地文件保存,也允许 AI Agent 直接参与编辑。
更神奇的是,tldraw 支持脚本,可以生成动态交互,这是很多传统画板无法企及的地方。
1.2. 关于 tldraw
如果经常接触在线白板、无限画布或者 AI 画图,应该多少见过 tldraw 这个名字。
它最初是 2021 年启动的开源业余项目,后来逐渐发展为一家围绕无限画布技术提供产品的公司。
我个人相信,tldraw 这个名字来自于 TL;DR (Too Long Don’t Read),即论坛上大家表达 post 太长了,不想读。这也挺符合画布要表达的“一图胜千言”意境。
除了我们可以直接打开的白板,tldraw 也把画布能力提供给其他软件,供他们嵌入到各自应用里,也就是 SDK。ClickUp Whiteboards、Padlet Sandbox 等产品,就使用了它的技术。
写文章之前整理论点,设计产品时画几个页面,解释一个系统怎样运行,这些都很适合先放到画布上。有时东西画出来后,观点、结构、关系就很容易看出来了。
tldraw 最早只是开源画布,现在其实衍生出了三类产品,挺有意思的:
| 产品 | 形态与定位 |
|---|---|
| tldraw 在线版 | 浏览器中运行,使用网页版,和其它在线画布 App 类似。 |
| tldraw SDK | 给其它 App 提供嵌入画布。 |
| tldraw Offline | 离线运行,本地优先,桌面版。 |
在线版在 tldraw.com。不登录也可以开始画,内容保存在当前浏览器的本地存储中;登录后,可以使用云端文件、跨设备访问和链接分享。
[!caution] 商业授权提示
虽然 tldraw 早期是开源应用,现在也有很多免费使用的许可场景,但是仍然有需要商业授权的一些地方,需要留意,尤其是 SDK。
1.3. Offline 版 tldraw 核心亮点
1.3.1. 白板终于可以放进自己的项目文件夹
这是每个“本地优先”支持者可以欢呼的事情。虽说 Obsidian Canvas 也是本地存储,但是实际使用过就会发现,tldraw 功能更全面,而且支持 AI 接入和互动脚本,Obsidian Canvas 完全没有可比性。Obsidian 的 Canvas 只适合轻量配合 Vault 笔记使用,更像是一个附赠品。
tldraw Offline 的原生格式是 .tldraw。画布、页面、存入文档的媒体和文档脚本,都可以放在一个文件里。旧的 .tldr 文件也能导入和导出,但如果要使用 Offline 的完整文档能力,优先使用它自己的原生格式。
比如准备一篇博客,我们可以把参考材料、正文和白板放在同一个主题文件夹里。以后归档这个主题,白板就跟着走了。想怎样命名、放在哪个文件夹、什么时候备份,都能沿用自己的习惯。
[!note] 同步与版本冲突
当然,如果把白板放进同步文件夹,要注意版本冲突。
tldraw Offline 不是一个多设备协作的工具,更像是一个除了 Word、Excel 以外的另一个离线版 Office 应用。
1.3.2. AI Agent 可以直接操作正在打开的画布
我之前介绍 Excalidraw MCP 时,也提到过 AI 接入,代替我们生成图形和排布。tldraw Offline 也在解决这个问题。
tldraw 采用的是 Bring Your Own AI 的思路。我们使用自己的 Agent,例如 Claude Code、Codex 或 OpenCode,让 Agent 查看画布、创建图形、修改内容,也可以编写脚本。白板本身不要求先注册一个云端账户。这也是一个很好的“工具链”思路,不要把什么都绑定在一起。
启动软件时,会提示安装 Skill。安装 Skill 后,大家就可以在自己的 AI 客户端里直接下达绘制的要求了。
现在,我们和 AI 可以围绕同一张可编辑的画布来回工作。让 AI 先整理结构,自己移动一下节点,觉得某一段不清楚,再让它继续修改。
例如,可以从这样一个具体要求开始:
画一个简单的 HTTPS 响应示意图
稍等片刻,我们就能得到这样一张图。
1.3.3. 脚本可以跟着文件一起保存
这一点,是我觉得 tldraw Offline 最值得留意的特色。
脚本就是一段代码,可以控制画面元素动作和用户交互。
举个例子,一张任务看板,本来只是三个栏目和一些卡片。加入脚本后,卡片拖到“完成”一栏,就可以自动变绿。再往前一步,还可以按自己的需要增加统计、筛选或者其他行为。这就变成一个简单的应用了!
tldraw 还可以制作基于本地数据的可视化界面。官方已经展示过这类脚本看板,比如基于本地 CSV 的地震数据可视化画板。
这就给了 Power User 很大的折腾空间。原来我们等软件作者加一个功能,现在可以先考虑:能不能让 AI 给这份文件补上需要的行为?
大家肯定会觉得,写代码好难,怎么办?其实这些都可以交给 AI 了。结合上文说的 AI Skill,直接要求 tldraw Offline 用脚本达到某个效果或交互即可。其实我也不知道怎么写脚本,好像是 TS 代码,但 AI 搞定一切,实测下来是很方便的。
[!warning] 脚本安全风险
非常值得注意的是,我要说,自己玩玩可以,如果来源不明的 tldraw 脚本,不要瞎执行。
如果被恶意利用,很可能成为 Office 宏病毒的另一个版本,tldraw 应该要在沙箱机制或者权限管理上更加谨慎才行。
1.4. 一些使用启发
[!tip] 思考草稿纸
对普通用户来说,我觉得最容易开始的,还是把 tldraw 当成自己的思考草稿纸,而不是什么可视化的知识库。
准备文章时,把不同观点摆开,看看哪些论据支持同一个结论,哪些地方存在冲突。规划一个小项目时,先把任务和依赖画出来。需要和别人解释时,再整理成一张更简洁的图。AI 可以帮助我们起步,也可以帮忙重排结构,但重点仍然是我们自己的工作。
如果喜欢捣鼓,尤其是有想法的开发者(包括 Vibe Coder),可以动手将数据可视化放到这个画板里面来,作为内部使用或展示的生产力工具了。
1.5. 最后
如果只是想临时开一张白板,tldraw 在线版已经是很直接的入口。如果你更喜欢把资料放在自己的文件夹里,还希望 AI 能参与画图和修改,那么 tldraw Offline 就值得看看。
除了可编辑的本地画布,亮点在于 AI Agent 和脚本的引入。同一个 tldraw 文件,既能保存思考过程,也可能慢慢衍生出一个适合自己的小工具,充满了可能性!
tldraw Offline 官网地址: