它是什么
跟人讲清楚一件事有多难:一个审批流程、一个系统怎么联动、一个活动方案怎么推进,打字打半天对方还是懵的。这时候画张图最省事——但专业制图软件太重、画出来太正式,手画拍照又看不清。Excalidraw 干的就是这个中间地带:打开网页就画,画出来是好看的手绘风。
它是开源的虚拟白板项目,MIT 协议,TypeScript 写的,GitHub 上 13.3 万 Star,属于开源软件里人气最高的那一批。Notion、Google Cloud、Obsidian、CodeSandbox 这些产品里都有它的身影或者集成。画布无限大,工具就是矩形、圆形、菱形、箭头、自由画笔这些基础件,笔触故意做成手绘的粗糙感——这是它最出圈的特色。当前 npm 包版本 v0.18.1。

项目速览
关键数据过一眼,Star、语言、协议、版本都来自官方仓库的公开接口:

项目档案:Star 133.5K / TypeScript / MIT / v0.18.1(数据来自官方仓库 API)
为什么值得普通人试
- 零门槛,打开就画。不用注册、不用下载,浏览器进 excalidraw.com 直接画。它还是个 PWA,断网也能用,画的内容自动存在浏览器本地。
- 手绘风是它最聪明的设计。同样一张流程图,线条笔直显得冷冰冰,手绘风放进 PPT、发到群里,反而显得轻松好接近。风格即内容,这不是噱头。
- 该有的功能一件不少。箭头可以绑定图形跟着走、箭头上能带文字标注,撤销重做、缩放平移、图形库、插图、暗色模式、多语言(含中文)全都有。
- 图不会被锁死在工具里。一键导出 PNG、SVG,或者直接复制进剪贴板;还有开放的 .excalidraw JSON 格式,哪天不想用了,文件带走的所有数据。
- 想多人一起画也行。excalidraw.com 支持实时协作,而且是端到端加密——服务器看到的都是密文,画的内容只有房间里的人能看懂。
官网长什么样
官网就是产品本身,左侧工具栏选图形,中间画布随便拖,不需要任何教程:

官方站点 excalidraw.com:打开即画,无需注册
怎么上手
普通用户:打开 excalidraw.com,画完左上角菜单导出 PNG / SVG,或者复制直接贴到文档里。经常画的话可以「添加到主屏幕」当本地应用用。进阶玩法:Obsidian 用户装 Excalidraw 插件,笔记和图混排;开发者往自己产品里嵌白板,装 npm 包 @excalidraw/excalidraw 就行,文档在 docs.excalidraw.com。
不是没有槽点
- 免费网页版是「够用」档。团队级的协作管理、更多存储空间这些放在付费的 Excalidraw+ 里。个人随手画完全够,公司重度协作就另外算账。
- 手绘风有它的边界。要交付给客户的正式工程图、要严格对齐的规范图表,它的风格反而帮倒忙,这类需求老实用 draw.io。
- 元素堆多了会卡。几百个图形的超级大图,canvas 白板的通病它也有,画到那个量级建议拆成多张。
- 版本号容易让人误会。v0.18.1 是 npm 组件包的版本,excalidraw.com 网站更新比包频繁,别拿包版本判断网站的新旧。
跟同类比怎么选
跟 draw.io 比:draw.io 正式、模板全、复杂图表能力强,但上手慢;Excalidraw 胜在快和好看,随手表达用它,交付规范图纸用 draw.io。跟 Miro、FigJam 这类商业协作白板比:那两个是整个团队协作套件,免费档限制多;Excalidraw 免费、开源、端到端加密,轻协作场景基本可以替代。跟直接用 PPT 画流程图比:PPT 的形状对齐能磨掉你半小时,Excalidraw 两分钟出图。一句话:想法还热乎的时候,最先打开的应该是它。
你跟人讲方案的时候,是靠打字、靠画图,还是靠开会对吼?哪种方式最常让你觉得「要是有张图就好了」?
#开源工具 #白板 #流程图 #效率工具 #在线协作