夜雨聆风画个流程图而已，何必打开那几百兆的专业软件
上周组里讨论一个新功能的链路，产品同学熟练地打开某个号称"行业标杆"的画图工具，加载转了半分钟，画了三个框连两条箭头，又花五分钟调字体让它"看起来正式一点"。结果会上没人关心框是圆角还是直角，大家只想搞清楚流程谁触发谁。我看着他在"对齐"按钮上反复点击，又去调整箭头的颜色和粗细，心想：我们今天讨论的是业务，不是排版。一场本该半小时结束的需求会，硬生生被工具拖成了一个半小时。
更别提那种在 PPT 里硬画架构图的场面。线条歪歪扭扭、对齐全靠肉眼、连接线一拉就断，一旦挪动某个框所有线都要重连；导出之后还糊成一团，投影到大屏上简直就是马赛克——专业工具太重，PPT 又太丑，中间似乎缺一个"刚刚好"的东西。明明脑子里三分钟想清楚的事，落到图上要花三十分钟去"修图"。我见过不少团队干脆放弃画图，直接用文字描述流程，结果讨论的时候大家脑子里完全是两套东西，鸡同鸭讲，会议结束谁也记不清刚才到底定了什么。
还有一种更隐蔽的痛：远程协作。以前想和异地的同事一起画个图，要么一个人投屏其他人电话指挥（"你把那个框往左挪一点，对对对就那里"），要么把图导成图片发来发去，改一版发一版，文件名从"架构图"变成"架构图_最终版_真的最终版_v3"。这种协作体验，说它是 2026 年的产物我都信不过。
后来我把 Excalidraw 丢到群里，那个产品同学试完第一句话是："这种歪歪扭扭的手绘风，反而让人不纠结样式了，专注把流程说清楚。"没错，它最大的特点就是"看起来像随手画的"，反而解放了所有人——没人会去苛求一张草图的对齐和配色，沟通效率立刻提上来。打开网页就能用，免费、还能多人实时协作。今天就聊聊这个已经攒下 12.5 万 Star 的开源白板工具。如果你也常被"画图"这件事卡住，关注我，每天一个值得收藏的开源神器 🔔
▲ Excalidraw
先说它是什么
Excalidraw 是一个开源的虚拟手绘风格白板，一句话定位：让你像在白板上用马克笔画画一样，画出流程图、架构图、原型草图，还能多人实时协作，端到端加密。
项目地址：excalidraw/excalidraw，目前 GitHub 上 12.5 万 Star，主语言 TypeScript（基于 React），MIT 协议，完全免费开源。官方对它的描述是"An open source virtual hand-drawn style whiteboard. Collaborative and end-to-end encrypted."——开源、手绘风、可协作、端到端加密，这四个词基本就概括了它的全部卖点。
核心特色就两个字："手绘"。所有矩形、圆形、箭头、连线，渲染出来都带着一点歪歪扭扭的"人味儿"，像在便利贴或者咖啡店纸巾上画的那样。文字输入也自动变成手写体。这种风格不是技术缺陷，而是刻意为之的设计哲学：当你知道这张图"本来就是草图"，就不会再为像素级对齐纠结半小时。这种"视觉降噪"看起来是小事，实际用起来能省下大量沟通成本。
它为什么这么火？我理解有几个深层原因。第一，画图门槛被压到了最低——不用学，打开就能画，连工具栏都简洁到只有几个图标，没有任何"选择恐惧症"，连我那种看见复杂软件就头大的运营同事都能上手；第二，协作体验做得扎实，分享一个链接对方就能一起改，延迟很低，而且数据端到端加密，不用担心内部方案泄露；第三，集成度高得离谱，Notion、Replit、CodeSandbox、Google Cloud、Meta、HackerRank、Slite 都在用它，Obsidian 还有专门的插件（zsviczian/obsidian-excalidraw-plugin），VSCode 也有扩展。等于你日常用的那些生产力工具里，很可能已经嵌了它——你可能早就用过，只是不知道它叫 Excalidraw。一个开源项目能同时被 Google Cloud 和 Notion 这种级别的产品选中，质量可见一斑。
还有一点值得单独说：它的可持续性。Excalidraw 不是一个"作者跑路就凉了"的小项目，它有完整的团队在维护，有 Open Collective 上的赞助者群体在持续输血，还有付费产品 Excalidraw+（面向团队的高级版）作为商业化支撑。这意味着它既能保持开源免费，又不会因为经费问题突然停更。对一个工具来说，"用得久"和"用得好"一样重要——你画的图归档了三年，三年后还能打开，这种长期主义在工具选择里是硬通货。开源工具最大的风险就是"哪天没人维护了"，Excalidraw 在这一点上把心放得很实。
怎么装
Excalidraw 最爽的一点：绝大多数人根本不用装。打开 excalidraw.com 就能直接画，它是 PWA（渐进式 Web 应用），支持离线使用，画完的内容会自动存到浏览器本地（local-first 自动保存），关掉浏览器再打开还在。这才是"开箱即用"该有的样子——没有注册流程，没有下载安装包，没有"请选择你的套餐"的弹窗。点开网址，空白画布就在那里等你。
如果你是个开发者，想把它集成到自己的应用里（比如做一个文档站点、内部工具、或者协作产品），那走 npm 包这条路。注意：下面这套安装方式是面向把 Excalidraw 作为组件嵌入自己项目的场景，不是普通用户日常使用需要的步骤。
# 1. 安装核心包（它依赖 react 和 react-dom，要一起装）
npm install react react-dom @excalidraw/excalidraw
# 或者用 yarn
yarn add react react-dom @excalidraw/excalidraw
# 2. 在你的 React 项目里引入 官方文档（docs.excalidraw.com）里有完整的安装和 API 说明，想深度定制的直接翻文档就行。
常见坑一：React 版本要对上。 Excalidraw 是 React 组件，依赖 React 16.8+（Hooks）。你的宿主项目 React 版本太老会有兼容性问题，先用 npm ls react 查清楚当前版本，别装完才发现跑不起来。
常见坑二：以为 npm 包自带实时协作功能。 这是一个非常常见的误解。npm 包只提供编辑器本身（绘图、导出、形状库这些核心能力），实时协作、端到端加密、链接分享这些是 excalidraw.com 这个线上 App 才有的特性，官方明确说了后续会以"插件"形式下放给 npm 包，但目前还没下放。想直接体验协作，请先去网页版。如果你要在自己产品里做协作，得自己实现信令和同步逻辑，或者等官方的插件方案。
常见坑三（补充）：内网部署需要自己改造。 Excalidraw 的线上版依赖官方服务器做协作中转，如果你的企业是纯内网环境，不能访问 excalidraw.com，那么想要在内网用上协作功能，需要自己 fork 仓库部署一套，配合自己的信令服务。这部分工作量不小，建议评估清楚再决定。如果只是个人单机画图，直接用网页版的离线 PWA 模式就行，不需要任何服务器。
核心功能详解
一、无限画布 + 手绘风格，画起来没心理负担
Excalidraw 的画布是无限的，想画多大画多大，缩放和平移都很顺滑。工具栏里的选项克制到极致：矩形、圆形、菱形、箭头、直线、自由绘制、橡皮……就这些，没有专业绘图软件里几百个按钮的"选择恐惧症"。这种克制本身就是一种设计哲学——它不试图"什么都能做"，而是把"快速表达想法"这一件事做到极致。
真正让它与众不同的是那个手绘渲染。所有形状的边缘都带着轻微的抖动和"墨水感"，文字也像手写体。这种视觉风格带来的好处是隐性的，但巨大：没人会把一张 Excalidraw 图当作"正式交付物"去苛求它。讨论时大家更敢下笔、更敢修改、更敢擦掉重来，而不是反复纠结样式。这一点我在 brainstorming 场景里感受最深——换成 Visio 之类的工具，大家光调对齐就调半天，根本没在讨论问题本身。手绘风等于在视觉上明确告诉所有人："这是草稿，欢迎推翻。"
它还支持深色模式，晚上画图不刺眼；本地化（i18n）也做得不错，中文界面开箱即用，不用去设置里翻。撤销/重做、缩放/平移这些基础操作都顺手，快捷键设计得合理，熟悉之后基本不用碰鼠标菜单，全程键盘操作画完一张图。比方说按 R 切到矩形、按 A 切到箭头、按 1 切到自由绘制，按数字键还能快速切换最近用过的颜色，整套手感非常顺。
二、实时协作 + 端到端加密，分享一个链接就能一起改
这是 Excalidraw 真正能打的第二个点，也是它和一众"单机画图工具"拉开差距的地方。在 excalidraw.com 上画完图，点一下分享按钮，生成一个链接发给同事，对方打开就能和你同步绘制——你画一个框，他那边立刻看见；他改一根箭头，你这边的图也跟着变。延迟很低，体验和 Google Docs 协作差不多，多人光标实时显示，谁在画什么一目了然。
更关键的是端到端加密。你画的内容在本地加密之后才传到服务器，服务端看不到明文，连 Excalidraw 团队自己也解不开。这意味着即使数据在传输过程中被截获，或者服务器哪天出了问题，你的内容也不会泄露。对于画架构图、内部流程、商业方案、薪酬链路这种敏感内容的团队来说，这一点比花哨的功能更让人安心。很多团队不敢用在线协作工具，怕的就是数据安全，Excalidraw 在这一点上把心放得很实。
除了协作模式，还有个"只读链接"功能——可以把当前画板导出成一个只读的分享链接发给别人。比如你想给客户展示一个方案草图，但又不想让对方误改，只读链接正合适；再比如讲师把课件链接发给学生，学生只能看不能改。这种细分的权限设计，体现了产品对真实使用场景的考虑。
还有一点必须夸：本地优先（local-first）。你在 excalidraw.com 上画的所有内容，都会自动保存到浏览器本地，即使突然断网、电脑重启，画的东西也不会丢。这种"先保本地，再同步"的设计，比起那种"必须联网才能用、断网就完蛋"的云端工具，安心太多了。我有过一次开着会突然断网的体验，换别的工具可能直接崩，Excalidraw 完全无感，重连之后自动同步，一点没耽误。
三、箭头绑定 + 标签连线，画流程图不抓狂
很多人拿 Excalidraw 画流程图和架构图，它专门为这个场景做了两个关键细节：箭头绑定（Arrow-binding）和带标签的箭头（labeled arrows）。
箭头绑定，意思是箭头的两端会"吸附"到具体的形状上，绑定之后，你怎么拖动那个形状，箭头都会自动跟随，不会断开。这听起来是个小功能，但画过流程图的人都知道——一旦没有这个，每次调整布局都要重新连一遍线，烦得想砸键盘。尤其是那种十几个节点的复杂流程，挪一个框就要重连三四根线，体验灾难。有了绑定之后，整个画板变成"可流动"的，你随便重组布局，连线关系都不会乱。
再加上箭头本身可以贴标签（比如"是/否""成功/失败""重试 3 次"），画一个完整的判断流程、状态机、调用链完全不费力。配合无限画布，一张图能承载的复杂度远超想象。
工具集也很丰富：矩形、圆形、菱形、箭头、直线、自由绘制（free-draw，可以用鼠标/手写板真正"画"出来）、橡皮……覆盖了从结构化图表到自由草图的全部需求。自由绘制模式特别适合那种"我想在图上画个圈把这块圈出来强调一下"的场景，专业工具做这种事很别扭，Excalidraw 一笔就行。
还有个细节体验：选中多个元素之后可以成组、对齐、调整层级（置顶/置底），复制粘贴也支持。看起来都是基础功能，但很多在线画图工具连这些都做不流畅。Excalidraw 在这些"看不见的基础"上打磨得很到位，这也是为什么用起来不卡顿、不别扭的原因。
键盘快捷键也是它用起来顺手的关键。R 是矩形、A 是箭头、L 是直线、D 是自由绘制、E 是橡皮、1/2/3 快速切颜色、Cmd/Ctrl+D 复制、Cmd/Ctrl+G 成组……熟悉这套快捷键之后，几乎可以全程键盘画图，比那种动不动就要点鼠标的工具快太多。这也是为什么很多技术团队一用上就回不去——它真的把"画图"这件事的摩擦力降到了最低。
四、导出灵活，PNG / SVG / .excalidraw 文件通吃
画完图总得拿出去用。Excalidraw 支持导出成 PNG、SVG，还能直接复制到剪贴板，粘贴到文档、PPT、聊天工具里都行。SVG 是矢量格式，放到 PPT 里放大也不会糊，这点比截图强太多——我见过太多人把架构图截图贴到 PPT，投影一放大全是马赛克，专业感瞬间归零。
它还有一个开放格式 .excalidraw——本质是个 JSON 文件，保存了你画的所有图形数据。这个格式是开放的，意味着三件事：第一，你可以把它纳入版本控制（git 友好，diff 友好），团队协作时图的变更可追溯；第二，你可以用脚本批量处理，比如统计图里的节点数、自动生成文档；第三，它不绑定在任何 SaaS 平台里，哪天 Excalidraw 这个项目不在了，你的图数据依然是可读的 JSON。下次想再修改，直接打开这个文件就行。这种"数据归属权归用户"的设计，是开源工具相对 SaaS 的核心优势。
图片素材也能插入（Image support），你可以在画板上贴截图、贴参考图，再在上面做标注。教学场景里这个特别有用——截一张代码截图，用箭头和文字标注执行流程，一张教学图就出来了。产品评审时，把设计稿截图贴进来，旁边画几个箭头写上"这里改成列表""这里加个按钮"，比用专业标注工具轻快得多。
五、形状库资源 + 高度可定制
除了基础图形，Excalidraw 还支持形状库（Shape Libraries）。社区里有大量现成的形状库可以一键导入：AWS 架构图素材、各种 UI 组件草图、网络拓扑图标、甚至乐高小人、流程图符号包，覆盖了大部分常见画图场景。你不用自己从零画一个 AWS S3 的图标，导入形状库直接拖出来就行。
定制性也极强。作为 React 组件，Excalidraw 的外观、工具栏、快捷键、菜单项都能改造。CodeSandbox、Replit、Notion 这些产品都是基于它深度集成进自家产品里的——CodeSandbox 把它做成了代码协作里的画图模块，Notion 把它做成了笔记里的内嵌白板，足以说明它的可塑性。如果你做的是开发者工具、文档站点、内部协作平台，把它嵌进去当画图能力，体验会比从零写一个白板好太多。
VSCode 还有一个官方推荐的扩展（pomdtr.excalidraw-editor），在编辑器里直接画 Excalidraw，画完文件直接存在项目里，对写技术文档的开发者来说简直是福音。
实际用下来最好的场景
画流程图和架构图
这是 Excalidraw 最经典的用法。后端想讲清楚一个请求的链路（用户→网关→鉴权→业务→缓存→DB→MQ→下游），前端想梳理组件间的数据流，运维要画部署拓扑（哪些服务部署在哪些节点，依赖关系如何），打开网页，几个框几根箭头，十分钟搞定，还能实时和同事一起调整。手绘风让图看起来"轻"，会议上大家更愿意参与讨论，而不是被一张过于正式的架构图吓到不敢发言。导出 SVG 贴到内部文档里，也完全不显得寒酸。
我自己常用的工作流是这样的：开会前 5 分钟，我把脑子里的流程画个大概，生成协作链接丢到群里；开会时大家边讨论边在画板上改，谁有疑问直接画个圈圈出来、写个问号；会议结束，画板就是最终的会议纪要，导出 .excalidraw 文件归档到项目仓库里，下次想回顾直接打开。比起以前那种"开完会再花半小时整理纪要"的流程，效率高了一个数量级。
头脑风暴和方案讨论
Brainstorming 场景下，Excalidraw 的优势更明显。无限画布意味着不用预先规划布局，想到啥画啥，写错了擦掉就行；手绘风意味着没人会去评判"画得丑不丑"，所有想法都被平等对待；实时协作意味着远程团队的每个人都能同时往白板上贴想法，不用排队"传麦克风"。比那种"一个人投屏，其他人排队发言"的传统会议强太多了。我们组现在做需求评审，第一件事就是开一个 Excalidraw 链接丢群里，边聊边画，会议结束图也成型了，直接归档。
特别适合那种"还没想清楚，但要开始讨论"的阶段——这种阶段如果上来就用重型工具，反而把讨论框死了；用 Excalidraw 这种轻量白板，想法可以自由流动，等方案成形之后再迁移到正式工具做交付。它扮演的是"思考的草稿纸"，而不是"最终交付物"，这个定位非常重要。
教学板书和知识讲解
老师、培训师、技术博主这个群体也很爱它。讲一道算法题（在白板上模拟数组变化）、解释一个数据结构（画二叉树的节点和指针）、演示一段代码的执行流程（画调用栈），边讲边画，学生跟得上。配合只读链接，讲完之后把链接发到群里，大家随时可以回看，比录屏轻、比纯文字直观。很多技术博客直接用 Excalidraw 画配图，导出 SVG 嵌进文章，比那种生硬的工具截图有温度多了。
远程协作画草图和线框图
UI/产品同学做线框图（wireframe）、开发者画交互草图，Excalidraw 的气质刚好合适。不需要那种像素级的高保真原型，只要能把"这里一个按钮、那里一个列表、点击跳到这个页面"讲清楚就行。和设计师对需求、和客户对方案，这种低保真草图反而比高保真原型更利于讨论——因为对方一眼就知道这是草图，会更愿意提修改意见；而面对一张精细的原型图，很多人会下意识觉得"都做成这样了，改起来很麻烦吧"，反而憋着不说。
远程团队尤其受益。以前异地协作画图，要么一个人画完截图发群，改一轮发一轮，文件版本爆炸；要么开视频会议投屏，一个人操作其他人指挥。Excalidraw 让每个人都能同时上手画，光标实时显示，谁在画什么一清二楚，比任何"协同工具"都更像真的围在同一块白板前。开完会，画板就是成果，不用再整理。
适合谁
- • 经常需要画流程图、架构图、拓扑图的开发、运维、架构师，想快速表达想法而不是做"视觉设计"
- • 做头脑风暴、方案讨论、需求评审，需要一块"共享白板"的团队 lead 和产品经理
- • 老师、培训师、技术博主，需要边讲边画做知识讲解，课后还能分享链接
- • 远程团队，想要一个轻量级、低门槛、又安全（端到端加密）的实时协作画板
- • 嵌入式开发者，想把白板能力集成进自己产品的（npm 包 + React，可深度定制）
不适合谁：追求"工业级精确图纸"的——比如要画机械工程图、电路原理图、严格的 UML 类图、建筑平面图，那种需要精确尺寸、规范符号、符合行业标准的场景，Excalidraw 的手绘风反而成了累赘。这种需求老老实实用 Visio、draw.io、PlantUML 或者专业的 CAD 工具更合适。Excalidraw 解决的是"快速沟通"，不是"精确表达"；如果你的图是要交给工厂加工、交给甲方作为合同附件的，那种需要严谨性的场景，它就不是合适的工具。定位清楚，才能用得顺手。
写在最后
工具的价值，有时候不在它"能做多少事"，而在它"让你愿意动手做这件事"。Excalidraw 就是这种工具——你打开它，没有任何学习成本，没有任何心理负担，几秒钟就能把脑子里的想法画出来分享给别人。它不追求像素级的精确，反而因此把"沟通"这件事做得最纯粹。在一个大家都被重型工具折磨得不想动手的年代，这种"轻"反而是最大的奢侈。
我自己第一次用 Excalidraw 是为了给同事解释一个微服务调用链，本来打算用 Visio 画，结果下载安装激活折腾了二十分钟没搞定，一怒之下搜"online whiteboard"找到了它。三分钟画完，链接一发，对方秒懂。从那以后它就成了我浏览器书签里的常驻工具，开会、写文档、做培训，几乎天天用。这种"用一次就离不开"的体验，是好工具最朴素的证明。
12.5 万人给它点 Star 不是没原因的，Notion、Google Cloud、Meta、Replit 这些大厂在用它也不是没原因的。它把"画图协作"这件事的门槛压到了地板，让最讨厌画图的人也愿意打开它试一试。下次再要画流程图，别急着打开那个几百兆的专业软件，先试试 excalidraw.com，你可能就回不去了。
关注我，每天挖掘一个值得收藏的 GitHub 神器。如果你已经在用 Excalidraw，欢迎评论区分享你的使用场景；如果你有其他好用的白板工具，也欢迎留言告诉我，下一期可能就写它。咱们下篇见。
雷达持续扫描中，有想了解的工具随时留言。
— 龙珠雷达持续扫描中 —
