excalidrawtldraw白板工具手绘风格开源工具

tldraw vs Excalidraw / Excalidraw vs tldraw:手绘白板怎么选?· 2026

tldraw vs Excalidraw、Excalidraw vs tldraw 深度对比:从画布手感、许可证、AI 功能、协作方式、隐私、定价和国内可用性说清楚怎么选。

CodePic Team17 min read

Excalidrawtldraw 是网页上最常被推荐的两款手绘风格白板工具。两者都让你在一块无边画布上画图,都有那种像马克笔在白板上涂写的手绘质感,都跑在浏览器里,都通过共享链接支持多人实时协作。第一眼看过去,几乎分不出哪个是哪个。

但底下的运作逻辑完全不一样——许可证、对开发者的态度、SDK 收费模式、AI 集成方向,走的都是不同的路。这篇对比不吹不黑,从实际使用者的角度帮你搞清:到底哪个适合你。


先看场景:你拿白板来干嘛

选工具之前,先搞清楚自己的用法。大多数人的用法大概落在下面几种:

  • 就是打开网页随便画。 画个流程图、做个头脑风暴、跟同事远程白板上聊聊想法。不写代码,不做二次开发。
  • 想把白板嵌进自己的产品。 你在做一个 SaaS 或者内部工具,需要一个可嵌入的白板组件。
  • 经常写代码画图。 习惯用 Mermaid 写文本生成图表,或者想把草图变成可运行的页面。
  • 团队协作是刚需。 经常多人同时在一块白板上讨论,协作体验好不好是关键。

你的场景落在哪个格子里,直接决定了该选哪个。下面逐个维度拆。


一眼看完

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 的线条稍微多一丝抖动感,整体气质更像一本翻开的素描本。

中文用户额外关心的:两者都支持中文输入,但你可能会注意到打出来的中文比英文"规矩"一些——两款工具的默认字体都是手写风格的英文,中文会 fallback 到系统默认字体,看起来少了那种歪歪扭扭的手绘味。这不是大问题,但如果你的图里中文很多,整体视觉效果会比英文内容更"工整",跟手绘背景有一点点反差。

如果你纠结的就是画布手感,两个都试十分钟,你的手会告诉你它更喜欢哪个。


许可证:开发者最该关注的分水岭

这是两者最大的差异,也是真正决定你选哪个的因素——如果你要做二次开发的话。

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 对终端用户始终免费。

具体到选择上:

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

具体画图体验:能画什么、不能画什么

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

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

tldraw 没有对应的库市场。 想加结构化图形得通过 SDK 写自定义 shape 定义——这是开发者的活,不是普通用户一键能搞定的事。

对于不想写代码、又想画个 UML 类图或者 ER 图的人来说,Excalidraw + 社区图形库是更容易的路。对于本来就在用 tldraw SDK 做开发的团队来说,自定义 shape 本来就是工作流的一部分。


AI 功能:两个方向,各有用处

两者都有 AI,但走的路完全不同:

Excalidraw 的 AI 是 Mermaid 转图。 你写 Mermaid 语法,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 这类工具在做的事。


协作体验:多人一起画的时候谁更好

两者免费版都通过共享链接支持多人实时协作,日常使用差异不大。

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

tldraw 的协作也是免费的, 点一下分享链接就能用。tldraw 的免费房间同样是临时的;要持久化得通过 SDK 自己托管多人后端。

国内用户的实际体验: 两者的实时协作在国内网络环境下可能偶尔不稳定——这是墙内用所有海外白板工具绕不开的问题。个人使用基本不受影响(数据存在浏览器本地),但如果团队重度依赖实时协作场景、又有同事网络环境不太好,协作体验可能会有波动。遇到这种情况,要么走自托管方案,要么换国内工具。


数据存储和隐私

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

tldraw.com 同样默认客户端存储。tldraw 公司的商业化重心是 SDK 而不是托管白板产品,所以它的 SaaS 侧不如 Excalidraw+ 成熟。

对于国内用户来说,两款工具都没有专门的中国区服务器,数据存在浏览器本地其实是个优势——不用担心数据出境的问题。但如果想多设备同步或者持久化存储,就得自己想办法了。


定价

两者的托管版都有相当慷慨的免费档。

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

tldraw SDK: 无公开标价。基于项目定价——联系销售聊。爱好/非商业用途免费,100 天试用,有 startup 价格。tldraw.com 上的公开 app 对终端用户始终免费。

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


什么时候选哪个

选 Excalidraw 如果:

  • 你想要宽松开源、fork 就能用、想嵌进自己产品不愿谈 SDK license
  • 你想要免费版就有端到端加密的实时协作
  • 你经常写 Mermaid,希望它渲染成可编辑的图形
  • 你喜欢"可一键导入的社区图形库"这种扩展方式
  • 你比较在意 OSI 认证的"真开源"

选 tldraw 如果:

  • 你要做的产品需要一个精致的可嵌入白板 SDK,并且预算上能接受为商用 license 付费
  • 你看重那些更精致的微交互细节
  • Make Real 那种"草图变可运行网页"的工作流对你真有用
  • 你想要完全可自托管的多人后端

如果你只是偶尔打开网页画个图: 差别不大。各试十分钟,哪个顺手用哪个。免费、免注册、都能导出 PNG。


还有第三个方向

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

CodePic 同样是一块手绘风格的无限白板,免费、免注册,带 Excalidraw 和 tldraw 都有意不做的深度图形库,外加原生 MCP 集成,Claude 或 Cursor 能直接把可编辑内容放进画布。CodePic 对国内用户还有一个好处:国内网络环境下协作更稳定,且有中文界面和中文模板。代价是协作目前只支持只读链接分享,不像 Excalidraw 和 tldraw 那样可以多人同时编辑。如果"更丰富的图形库 + AI 直接操控画布 + 国内用不卡"比"多人实时编辑"对你更重要,可以看一眼这个方向。


一句话总结

Excalidraw 和 tldraw 是兄弟,不是对手。同一个画布出发,分歧在商业模式:开源核心 vs 商业 SDK。如果你就是打开浏览器画图,选哪个都不太错——下午各试一下就知道。如果你是开发者要做产品集成,许可证差异是硬分水岭。如果多人编辑不频繁、更想要丰富的图形库和 AI 操控画布,可以看看第三个方向。


相关阅读

常见问题

手绘白板工具推荐哪款?Excalidraw 还是 tldraw?

不存在谁绝对更好——两者手绘风画布体验几乎一模一样,差异在许可证和目标用户。Excalidraw 是 MIT 许可,能免费嵌进商业产品,对开发者最友好;tldraw 是 source-available,SDK 商用要付费。如果你只是打开网页画图,两者差不多,各试十分钟就知道哪个更顺手。如果你是开发者想嵌白板到自己产品里,许可证差异是决定因素。

Excalidraw 国内能用吗?需要梯子吗?

Excalidraw 和 tldraw 的官网在国内都可以直接访问,不需要梯子。但两者的实时协作依赖 WebSocket 连接,国内某些网络环境下协作功能可能不稳定——这是墙内用海外白板工具的普遍问题。如果团队在国内需要稳定协作,可以考虑用国内替代品(如 CodePic),或者自托管方案。

Excalidraw 和 tldraw 支持中文输入吗?

都支持中文输入,但体验有差异。Excalidraw 对中文排版支持较好,字体渲染正常,但默认字体是手写风格的英文粗体,中文会 fallback 到系统默认中文字体。tldraw 同样支持中文,文字工具的中文输入体验流畅。两款工具都还没有内置中文字体的手绘风格选项——打出来的中文看起来会比英文"规矩"一些,少了那股歪歪扭扭的手绘味。

Excalidraw 和 tldraw 是真正的开源吗?

Excalidraw 是真正的开源——核心编辑器 MIT 许可,可以 fork、嵌入、随便发布。tldraw 是 source-available,代码在 GitHub 上可读,但不是 OSI 认证开源——SDK 商用需要付费 license。个人自用两者都免费;如果你打算基于它做产品发布,这个差别就很重要。

Excalidraw 或 tldraw 能免费用吗?

能,两者作为终端 app 在 excalidraw.com 和 tldraw.com 都是免费的——无限画图、通过共享链接免费实时协作、无需注册。付费档只存在于相邻产品——Excalidraw+(带云存储的 SaaS 订阅)和 tldraw SDK(嵌进商业产品)。

Excalidraw 和 tldraw 有 AI 功能吗?

两者都有,但服务不同场景。Excalidraw 的免费 AI 把 Mermaid 文本转成可编辑图——适合开发者从文本生成流程图和时序图。tldraw 的 Make Real 用你自带的 LLM API key 把手绘 UI 草图变成能跑的网页——适合设计师和前端做快速原型。如果你想要的 AI 是"用一句自然语言往画布上放可编辑内容"——两者目前都不直接支持,那得看 CodePic 这类工具。

相关文章