excalidrawtldrawwhiteboardcomparisonopen-source

Excalidraw 和 tldraw 对比:手绘风白板到底选哪个?

Excalidraw 和 tldraw 深度对比——两款主流手绘风白板,画布感几乎一样,但许可证、AI 集成、开发者方向完全不同。说清楚到底该怎么选。

CodePic Team发布于 2026-06-2715 min read

Excalidrawtldraw 是网页上最常被推荐的两款手绘风格无限白板。两者都让你在一块无边画布上画图,都有那种刻意做粗、像马克笔在白板上写的视觉风格。两者都跑在浏览器里、都通过共享链接支持实时协作,第一眼看上去几乎一模一样。

但底下的运营理念完全不同——许可证不一样、对开发者的故事不一样、对「可嵌入白板 SDK 应该收多少钱」的看法不一样,连 AI 集成走的也是两条路。如果你正在两者之间纠结,怎么选取决于你打算用画布做什么,而不是画布本身手感如何。下面是一份经过事实核实的诚实对比。


一眼看完

Excalidrawtldraw
免费版无限制、免注册tldraw.com 上无限制
实时协作✓(端到端加密、免费)✓(共享链接、免费)
许可证MIT(核心)source-available,自定义协议
内置图形库极简极简
内置 AIMermaid → 图(免费)Make Real demo(自带 API key)
SDK / 可嵌入是,MIT是,生产用需付费 license
原生 app无(仅 PWA)无(仅 PWA)
公司模式开源核心 + Excalidraw+ SaaS类开源核心 + 商业 SDK

一句话总结:Excalidraw 更开放,tldraw 更适合在其上构建商业产品的开发者。 下面是每一行背后的细节。


画布手感

如果你把 Excalidraw 和 tldraw 并排放,让人在两块画布上各画一张草图,大概率分不出哪个是哪个。两者都做到了同一种核心感觉:即开即用、零设置、零注册,一条歪歪的手绘线,安静地让你在纸上思考。

tldraw 在细节上稍微更精致一些——吸附行为更紧、多人光标更顺、工具栏作为一个 UI 整体显得更被推敲过。Excalidraw 的边缘感稍微更「素描本」一点:线条多一丝抖动,整体气质更像一本翻开的笔记本。

这些是真实的差异,但是小差异。如果你纠结的就是画布手感,两个都试十分钟,你的手会告诉你它喜欢哪个。对大多数人来说,选择取决于下面这些维度。


许可证:这才是真正的分水岭

这是两者最大的差异,也是最可能真正决定你选哪个的因素。

Excalidraw 是 MIT 许可证。 github.com/excalidraw/excalidraw 上的核心编辑器是真正的、宽松的开源。你可以 fork、可以嵌进商业产品、可以随便改、可以随便发——没有 license 费、不用申请。Excalidraw+(公司的 SaaS)是另一回事,是商业的,但它是另加的一层,不是核心代码的门禁。

tldraw 是 source-available,不是 OSI 认证的开源。 GitHub 上的 SDK 代码是可读的,但许可证是 tldraw 自己写的自定义协议,不是 MIT。个人和爱好用途免费;把 SDK 嵌进商业产品做生产用,需要付费 license。有 100 天免费试用、有 startup 价格档,但 tldraw.com 上的公开 app 是免费用的——SDK 才是公司的收入产品。

具体到选择上意味着:

  • 如果你只想在浏览器里用一块白板:两者一样免费。
  • 如果你想把手绘风白板嵌进自己的 app 然后发布:Excalidraw 宽松开源直接用,tldraw 要找商务谈。
  • 如果你出于原则在意 OSI 认证的开源:Excalidraw 算,tldraw 不算。

内置 AI

两者都有 AI 功能,路子不同,差异大到值得讲清楚。

Excalidraw 的免费 AI 是 Mermaid 转图。 你写 Mermaid 语法(一种流行的文本图表标记),Excalidraw 把它渲染成原生、可编辑的 Excalidraw 图形。流程图支持最完善,其它 Mermaid 类型渲染成静态图片。转换库本身也是开源的(mermaid-to-excalidraw)。Excalidraw+ 付费版加了更多 AI:自然语言 text-to-diagram、Wireframe to code 等。

tldraw 的 AI 是 Make Real。 Make Real(makereal.tldraw.com)把画布上的 UI 草图通过你自己提供的 LLM API key 变成一个可运行的网页。这是个出圈的 demo,对快速原型确实有用,但它是为「草图变代码」这一个用例量身打造的,而且你要自带 LLM 凭证。

两者的 AI 故事不在抢同一个位置——它们解决的是不同问题。Excalidraw 的 Mermaid 集成是给「想从文本生成结构化图表」的人。Make Real 是给设计师和前端开发,他们想把一张 UI 草图立刻变成能跑的样子看一眼。

如果你想要的 AI 是「用一句自然话往画布上放可编辑的内容」——两者都不直接支持。那是另一个品类的事(见下面的 CodePic)。


图形库和图表深度

两个编辑器都内置同样一套有意做得极简的元素:矩形、椭圆、菱形、箭头、线、自由笔触、便签(或它的等价物)、文字、图片。两个都没有内置流程图符号、ER 图记号、UML、BPMN、泳道、线框组件。

Excalidraw 有 libraries.excalidraw.com——社区贡献的图形库系统,你可以浏览并一键导入图形集合(AWS 图标、UML 图形、ER 图记号等等)。深度不如 draw.io 那种专门的画图工具,但是一条真实的扩展路径。

tldraw 没有对应的库市场。结构化图形得通过 SDK 写自定义 shape 定义——这是开发者的活,不是一键导入。

如果你想画一张 UML 类图但不想写代码,Excalidraw + 库系统是更容易的路。如果你本来就在用 tldraw SDK 做开发,自定义 shape 就是工作流的一部分了。


实时协作

两者免费版都通过共享链接支持多人实时协作,体验都很好。

Excalidraw 的协作是端到端加密的。 房间密钥放在 URL 的 fragment 部分(# 后面),所以 Excalidraw 的服务器看不到未加密的内容。这是一个实实在在的隐私故事——你画的东西服务器看不见——如果你白板上画的是敏感内容,这一点很重要。代价是房间是临时的:所有人离开后,未加密的状态就消失了。持久化的云端房间是 Excalidraw+ 的功能。

tldraw 的协作通过共享链接也是免费的,「点一下分享」体验同样即时。tldraw 的免费房间也是临时的;持久化房间要通过 SDK 自己托管多人后端(Cloudflare Durable Objects)。

日常使用差异不大。差异在边缘场景:Excalidraw 的 E2EE 适合白板涉及合规或敏感内容的场景;tldraw 可自托管的多人后端适合想完全控制数据存放位置的开发者。


数据和隐私

免费版 Excalidraw 把所有东西存在浏览器的 localStorage 里——没有 Excalidraw 账号、没有云同步、没有服务器端存储。这对隐私很好,同时也意味着清浏览器数据就丢图。Excalidraw+ 加了带账号的云存储。

tldraw.com 的精神类似:默认客户端存储。tldraw 公司的 SaaS 故事不如 Excalidraw+ 成熟——tldraw 的商业重心是 SDK,不是托管白板产品。


原生 App

两者都没有原生桌面或移动 app。 Excalidraw 在 2023 年弃用了 Electron 桌面版,现在让用户走网页/PWA。tldraw 从来就没有过。两者都可作为 Progressive Web App 安装——可以把它装到 dock 或主屏,体验接近原生,但底下还是浏览器。第三方 app 存在(比如 Mac App Store 上的「ExcalidrawZ」),但都不是官方的。


定价

两者的托管版都有相当宽松的免费档。付费档存在的对象是不同的。

Excalidraw+: 年付 $6/人/月,月付 $7/人/月。一档付费。增加云端工作区、团队协作、高级分享控制、演示模式、增强 AI、语音/屏幕共享。

tldraw SDK: 无公开标价。「Value-based pricing」——联系销售。爱好/非商业用途免费,100 天试用,有 startup 价格。tldraw.com 上的托管 app 对终端用户始终免费。

这两套定价的形状说明了两家公司在卖什么:Excalidraw 卖的是给团队的托管白板订阅;tldraw 卖的是给做产品的公司的可嵌入白板 SDK。


什么时候选哪个

选 Excalidraw 如果:

  • 你想要宽松开源、fork 就能用的白板。
  • 你打算把白板嵌进自己的产品发布,并且不想为 SDK license 谈商务。
  • 你想要免费版就有端到端加密的实时协作。
  • 你有时写 Mermaid,希望它渲染成可编辑的图形。
  • 你喜欢「可导入的社区图形库」这种扩展方式。

选 tldraw 如果:

  • 你要做的产品需要一个精致的可嵌入白板 SDK,并且愿意为生产 license 付费。
  • 你看重画布微交互的那一点点更精致的打磨。
  • Make Real 那种「草图变可运行网页」的工作流对你真有用。
  • 你想要完全可自托管的多人后端。

还有第三个方向

Excalidraw 和 tldraw 的图形库都是有意做得极简的——这是审美的一部分。但如果你发现这种「裸」对你而言是限制不是优点——你想在同一块手绘画布上有流程图符号、ER 图记号、时序图、泳道,还想有 AI 能直接用自然语言往画布上放可编辑内容——那是另一个品类。

CodePic 同样是一块手绘风格的无限白板,免费、免注册,带 Excalidraw 和 tldraw 都有意不做的那种深度图形库,加上原生 MCP 集成,Claude 或 Cursor 能直接把可编辑的内容放进画布。代价是协作:CodePic 只支持只读链接分享,不像 Excalidraw 和 tldraw 那样可以多人同时编辑。如果「更多结构化内容、AI 在工作流里、但我大多单干或异步」比上面那些多人协作场景更符合你,可以看一眼这个方向。


一句话总结

Excalidraw 和 tldraw 是兄弟,不是对手。它们从同一个画布出发,分歧主要在商业模式:开源核心 vs 商业 SDK。如果你的用法就是「打开浏览器画图」,选哪个其实差别不大——下午时间各试一下就知道。

选择会变得尖锐是在你有具体需求的时候:许可证(Excalidraw 宽松开源胜)、微交互的打磨(tldraw 稍占上风)、有厂商支持的可嵌入 SDK(tldraw,连带价签)、工作流里有 Mermaid(Excalidraw)、Make Real 草图变代码(tldraw)、深度结构化图形(两者都没有——看别处)。


相关阅读

相关文章