用过白板工具的朋友大概都踩过这个坑 🕳️：你只想快速画个架构图跟同事对齐一下思路，结果光调字体、对齐框线就花了15分钟。

更别说有些工具打开就要登录，画到一半弹个付费弹窗，整个人都不好了。

我在找方案的时候也翻过一圈。

Miro功能确实全，但免费版各种限制，重度协作那价格，啧，小团队真顶不住。

Draw.io 免费也强大，可画出来的图吧，怎么说呢，太“正式”了，一看就像给甲方汇报用的。

直到偶然在 GitHub 上看到 Excalidraw 这个项目，才算找到那个对味的工具——打开就画，画完就走，画出来的东西还自带你草稿纸上那种“咱先聊聊，别当真”的轻松感。

这个项目在 GitHub 上已经干到了 12W+ Star，13,350 次 Fork，330 多位开发者参与过贡献。

npm 上下载量超过 620 万次，距第一次提交已经超过 5 年，仓库仍然保持着高频更新。

好家伙，真系好劲。

📌 核心功能亮点

Excalidraw 的本质是一块无限画布的白板应用，但跟一般白板最大的区别在于——所有图形线条都是手绘风格的。

不是那种几何级精准的直角和正圆，而是带一点微微抖动、线条粗细自然变化的手写感。就是这点“不完美”，让它画出来的图自带一种“这还只是草案，欢迎提意见”的氛围。讲真，这种粗糙感反而是刻意为之的 feature，不是 bug——它能明显降低协作时的沟通压力，让讨论聚焦在想法而非形式上。

🔢 核心组件方面：支持基础图形、箭头连线、自由画笔、文字标注。最实用的是 ⌥ 拖拽复制和 📏 对齐辅助线，画架构图效率极高。

🗂️ 素材库系统堪称硬核。社区贡献了大量现成素材，从 AWS 架构图标到 UML 组件应有尽有，拖进来就能用。对技术团队来说，这意味着架构图可以画得相当工程化。

🛡️ 端到端加密的实时协作——多人同时编辑同一块白板，数据走的是端到端加密协议，服务器端也无法解密。这个 design 思路，只能说 elegánt。

🌓 黑暗模式、多语言（含中文）、导出 PNG/SVG、自动保存到浏览器本地——这些基础体验该有的都有了。

说到底，它要解决的核心问题就一个：让你把脑子里的想法快速倒出来，而不是花时间纠结排版和样式。

🧠 怎么做到的

技术架构用的是 TypeScript + React，核心渲染引擎用 Canvas 2D API 实现，画笔功能的流畅度相当可以。

手绘效果这个看似随机的视觉效果，底层其实是规则驱动的——每条线在计算机生成的精确路径基础上，叠加了经过控制的随机偏移和宽度变化。

用数学公式模拟人类手部微抖动，不是真的随机乱画。这思路，就像AI在模拟人类“不完美”的生物特征——只不过它模拟的不是写文章，是画线条。

最有意思的是它的产品理念——Excalidraw 拒绝让功能变得臃肿。

项目维护者多次明确表示，他们不会无节制地加高级功能，核心体验始终聚焦在“极简手绘白板”这件事上。

说白了，就是不跟 Figma/Miro 在功能全面性上掰手腕，而是把一件事做到极致。

这事得拆开看：你不是它的竞争对手，你是它的邻居。

对比一下就清楚了 👇

—	Excalidraw	tldraw	Draw.io	Miro
上手门槛	极低，打开即用	低，类似 Excalidraw	中，功能多需适应	中，功能复杂需学习
协作方式	端到端加密实时协作	实时协作	需配合网盘协作	团队实时协作
手绘风格	✅ 核心特色	✅ 支持	❌ 正式几何风格	❌ 正式几何风格
开源免费	✅ MIT 开源	✅ Apache 2.0	✅ Apache 2.0	❌ 付费订阅
离线可用	✅ 完全支持	✅ 支持	✅ 完全支持	❌ 需联网
专业符号库	社区素材库	基础形状	极丰富（AWS/Azure 等）	丰富
适用场景	技术内部对齐/草图构思	轻量协作	正式流程图/架构文档交付	深度团队共创/设计评审

📊 一句话：

• 追求快捷草图和轻量协作选 Excalidraw；
• 需要专业流程图和丰富模板用 Draw.io；
• 深度团队共创和设计评审用 Miro。

从成本角度看，Visio 单用户年费 280 美元，Draw.io 企业版 6 美元/用户/月。

而 Excalidraw + GitHub 的组合，对于初创团队来说就是零成本架构设计方案。

懂的都懂，这对小团队意味着什么。

📦 装上试试

三种方式，挑顺手的来。

🍎 最省事——直接用官方版：打开 excalidraw.com，浏览器里直接画。数据存在浏览器本地 localStorage，不经过服务器。画完导出 PNG/SVG 或生成分享链接，齐活。

🐧 开发者喜欢——作为 React 组件嵌入：Excalidraw 发布在 npm 上作为独立组件，一行命令就能装进自己的项目里：

npm install react react-dom @excalidraw/excalidraw

然后就能在自己的应用中直接嵌入完整的白板功能。这个集成方式相当 smooth，不少 SaaS 产品的架构图模块就是这么搭出来的。

🪟 注重隐私——自托管部署：整个应用可以自己部署。

克隆仓库 → yarn 装依赖 → yarn start 跑起来。

想要完全离线的话，把字体文件从 CDN 路径拷到本地静态资源目录就行。自己掌控所有数据，巴适得板。

👤 顺便聊一句作者

Excalidraw 由 Vojtěch Trnka 在 2020 年 1 月创建，采用 MIT 开源协议。

从一开始就是“公开开发”的路子——设计决策、Roadmap、PR review 全在 GitHub 上透明进行。

更值得唠的是，经过 5 年多发展，Excalidraw 已经从“一个开发者的小工具”长成了 330+ 贡献者的大型开源社区。

背后有 Open Collective 接受资金支持，生态里还衍生出了 Excalidraw+、Obsidian 插件、VS Code 集成等大量周边工具。啧，真的有点东西。

💭 写在最后

回头看这件事，意义已经不只是“又一个白板工具”。

过去十年，协作画图工具经历了三个阶段的竞争：

• 第一阶段比的是谁功能多、模板全；
• 第二阶段比的是谁协作流畅、生态深；
• 到现在，第三个阶段比的不再是“你能画多复杂的图”，而是“你能让画图这件事本身变得多简单”。

Excalidraw 押注的恰恰是第三条路——用“手绘风格”这个差异化切入点，把降低沟通门槛做成了核心价值。

当然，Excalidraw 不是银弹。它的手绘风格注定了不适合生成给客户汇报的正式交付物，更偏向技术团队内部和早期构思阶段。

如果你需要的是像素级精准的图形、专业的 CAD 符号库，那确实得另请高明。

写到这，我觉得这反而不是缺陷——工具本来就是为场景服务的，不存在一个工具包打天下的情况。

换句话说：某种程度上，Excalidraw 赌的不是功能多，而是“人更愿意在轻松的氛围里说出真实想法”。这赌注，下得挺值的。

GitHub 项目地址：https://github.com/excalidraw/excalidraw