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