Excalidraw是一款开源在线白板工具,它通过独特的“手绘风”图形语言和轻量化的协作机制,迅速在开发者、设计师、教育工作者和知识管理爱好者群体中获得了广泛认可。
与传统流程图或图形绘制工具相比,Excalidraw 的第一印象就令人耳目一新。它的界面干净极简,图形线条仿佛手绘般自然、不拘一格,既保留了图示的表达精度,又鼓励创意的自由发挥。这种设计理念并非偶然,而是出自其创始团队对信息可视化本质的深刻理解:图的表达,不应成为认知的负担,而应成为思维流动的延伸。
背景起源:从个人项目到开源社区
Excalidraw 最初由开发者 Christopher Chedeau(@vjeux) 于 2019 年在 GitHub 上开源发布。这个项目一开始只是一个简单的原型工具,目标是为自己记录构思草图时,提供比传统白板更灵活、比专业绘图工具更轻便的选择。
然而,短短几个月内,这个项目就受到了来自全球开发者社区的热烈关注。一个原因在于它填补了两个极端之间的空白:一方面是过于简单的在线画图工具缺乏协作和数据安全功能,另一方面是如 Visio、Draw.io 这类平台则过于专业笨重,不适合快速思维捕捉。
Excalidraw 在架构上采取了“浏览器本地优先”的理念,用户在离线状态也可以完整绘制和保存作品,所有数据默认保存在本地浏览器中,隐私保障天然优越。同时,它支持实时协作,通过 WebRTC 实现点对点的端对端加密连接,不依赖中转服务器。这种设计使得 Excalidraw 在远程办公和团队协作需求爆发的背景下迅速走红。
核心理念:轻盈体验与专注表达
Excalidraw 的设计哲学,可以总结为三个关键词:
- 简洁:界面设计极为轻量,不使用多余图标和复杂工具栏。用户在使用过程中几乎无需学习曲线,即开即用。
- 可协作:支持多人实时协作,跨设备、跨地点都能同步画布内容,适合会议、教学、远程工作等多种场景。
- 手绘风格:采用“草稿感”笔触,使图形更具人性化与草图氛围,降低表达的心理门槛,强调概念传达而非图形美术。
这套理念不仅推动了 Excalidraw 的广泛传播,也启发了后来一批“手绘风”工具的涌现,如 tldraw、Heptabase 的白板功能、Notion 的 AI 草图插件等。
开源驱动:技术社区的共同创作
Excalidraw 之所以能快速演化为功能完备的协作工具,背后离不开开源社区的贡献。截至 2025 年,Excalidraw 的 GitHub 仓库已获得超过 100,000+ Star 和 10,000+ Fork,成为前端可视化领域的明星项目。数百位开发者通过 Pull Request 贡献了新功能、Bug 修复、国际化翻译及第三方集成插件。
同时,Excalidraw 也被广泛嵌入到各种平台中使用,例如:
- Obsidian 插件:将白板功能带入知识管理软件中;
- VSCode 插件:在代码环境中直接创建和查看草图;
- Web 框架集成:如 Docusaurus 文档站点中嵌入 Excalidraw 组件用于图解教程。
这种开源生态的开放性,使得 Excalidraw 不再只是一个工具,而逐渐发展为一个可以嵌入各种生产力场景中的视觉表达平台。
主要功能与特性
Excalidraw 的核心价值在于它将看似简单的白板工具,打磨成一个兼具表达力、操作效率和协作能力的创作平台。它不像传统流程图工具那样依赖模板和组件库,也不追求图形精度和对齐精致,而是让用户在「更像手绘草图」的体验中,快速记录和分享想法。
手绘风格与自由画布
手绘感线条,让表达更自然
Excalidraw 的最大特色在于其“手绘风格”。所有线条、图形、箭头和文字都采用模拟铅笔手绘的样式,边缘带有自然的不规则抖动,既保留图示的逻辑清晰,又具备草稿感的轻松氛围。这种风格有两个显著优势:
- 鼓励草图思维:让用户关注于概念与逻辑,而不是纠结线条是否对齐或图形是否美观。
- 弱化完美主义:避免陷入“细节打磨”陷阱,促进信息快速表达与迭代。
无限画布,适配大型结构图
Excalidraw 提供了无限扩展的画布区域,支持通过滚轮和拖拽快速移动视角。用户可以轻松绘制系统架构图、思维导图、时间轴等大型图表,不受边界限制。这种「不打断思路」的画布体验,是传统白板工具难以提供的。
丰富基本图形与快捷操作
基础图形包括:
- 矩形、圆形、菱形等几何图形
- 箭头(直线、曲线、双向箭头等)
- 铅笔手绘线
- 图像插入(支持从本地或粘贴板上传)
同时还支持以下实用功能:
功能名称 | 使用说明 |
---|---|
快捷键支持 | 如 Ctrl+Z 撤销、V 切换选择工具 |
图层排序 | 图形可前移、后移、锁定或分组 |
画布缩放与适配 | 快捷键 + 滚轮或快捷缩放按钮操作 |
主题切换 | 支持浅色、暗色两种视觉风格 |
文件导出与格式兼容性
多种导出格式,方便外部使用
Excalidraw 支持将绘图导出为以下格式:
- PNG 图片:可选是否带背景色、带画布外边界;
- SVG 矢量图:适合嵌入网页或打印使用;
- .excalidraw JSON 文件:保留完整编辑信息,可再导入恢复;
- 剪贴板复制:直接粘贴到文档、聊天、邮件等场景中使用。
这使得 Excalidraw 成为一个非常适合用于文档协作和教学材料制作的中间工具,可以轻松将图表转移到 Notion、Obsidian、PPT、Markdown 编辑器中。
支持导入他人图稿和库
用户可通过「导入」功能加载:
- 自己先前保存的
.excalidraw
文件; - 社区共享的图形模板或图标库(如 Excalidraw Libraries);
- 第三方系统导出的 JSON 图表。
这也为 Excalidraw 的生态共享和组件复用打下了基础。
实时协作与数据加密
多人同时编辑,实时同步
Excalidraw 原生支持多人协作,只需点击「Live collaboration」按钮,生成一个共享链接后,即可邀请他人共同编辑同一画布,修改实时同步。所有协作者的光标和操作将以不同颜色实时显示,类似 Figma 或 Miro 的协作体验。
协作使用的是端对端加密的 P2P 网络(基于 WebRTC 技术),这意味着:
- 无需注册或登录;
- 不依赖服务器中转;
- 保证内容私密性和本地控制。
只读分享与快照功能
除了协作链接外,用户还可以分享「只读视图链接」,适用于会议展示、项目汇报等场景。还可以使用「Take a snapshot」功能,将当前画布状态生成独立快照,方便文档归档或后续参考。
可定制性与本地优先设计
多语言与主题自定义
Excalidraw 支持多达 20+ 种语言界面,包括简体中文、繁体中文、日语、法语等,可在设置中自由切换。配合浅色/暗色模式、快捷键配置、画布默认行为等选项,极大地提升了用户的个性化使用体验。
本地优先与隐私保护
与许多 SaaS 工具不同,Excalidraw 采用本地优先的数据存储策略:
- 所有绘图默认保存在浏览器本地(IndexedDB);
- 页面关闭不会丢失,自动恢复上次绘图状态;
- 不联网也能正常使用。
这种“离线可用 + 在线协作”的混合架构,既保证了数据控制权,又满足了多人协作的灵活需求。
AI 辅助功能(付费版 Excalidraw+)
智能图表生成与文字识别
Excalidraw Plus(Excalidraw+)引入了 AI 辅助功能,包含:
- 自然语言转图:输入一句话,如“一个客户下订单 -> 仓库发货”,自动生成流程图;
- Mermaid 转图形:可将 Mermaid.js 代码一键转换为手绘风图形;
- 图表转代码原型:将 UI 草图快速转为 HTML/CSS 基础代码框架(目前为测试功能);
- 识别手写文字:将铅笔工具绘制的草写文字转为标准文本框。
自动布局与关系图优化
AI 工具还能识别图形之间的逻辑关系,并进行自动对齐、均分和排布,尤其适用于结构图、系统图、ER 图等场景,让使用者专注于内容而非排版。
产品版本对比:免费版与 Excalidraw+ 的功能权衡
在 Excalidraw 的产品策略中,“免费开源”是它吸引用户的第一步,而“可订阅的付费增强版”Excalidraw+ 则是为有更高需求的用户提供专业支持。即使是完全免费的基础版,也已经具备完整的绘图、协作与导出能力,适合大多数轻量场景使用。而 Excalidraw+ 则更多针对团队、企业级用户或对 AI 辅助和云端功能有特定需求的个人用户。
为了帮助用户更直观地了解两个版本的功能差异,下面从使用方式、功能组成和适用人群三个维度展开说明。
使用方式对比
对比项 | 免费版 Excalidraw | 付费版 Excalidraw+ |
---|---|---|
使用入口 | excalidraw.com | plus.excalidraw.com |
是否需要注册 | 否(可匿名使用) | 是(需注册并付费订阅) |
本地安装 | 可通过 PWA 添加到桌面 | 同免费版 |
数据保存方式 | 浏览器本地存储(IndexedDB) | 云端同步(账户关联) |
协作方式 | 临时共享链接(P2P 加密) | 专属团队空间、多人语音、权限控制 |
从这张表可以看出,免费版非常轻便,不需注册、不需登录,适合快速绘图与临时性协作;而 Excalidraw+ 提供了团队级别的共享、管理和跨设备云同步能力,更适合长期使用与组织内部协作。
功能组成差异
在功能层面,Excalidraw+ 不仅保留了全部免费版的能力,还加入了许多增强性特性,尤其是 AI、演示与文件输出方面,功能区分明显。
免费版核心功能一览
- 无限画布与手绘风图形工具
- 本地自动保存,不丢失数据
- 导出 PNG / SVG / JSON
- 实时协作(点对点加密)
- 图形库导入(社区资源)
- 多语言支持与暗色模式
Excalidraw+ 增强功能(仅限订阅用户)
功能类别 | 增强内容 |
---|---|
云端存储 | 可云端保存图表并在不同设备间自动同步 |
团队协作 | 创建团队空间,管理成员权限,访问控制 |
语音通信 | 内置语音对话功能,无需跳转 Zoom、Meet |
演示模式 | 将画布转为幻灯片式展示,适合会议或教学使用 |
文件导出 | 除常规格式外,支持导出 PDF、PPTX 格式 |
图表评注 | 支持在线打点、评论与圈注 |
AI 功能 | 支持文本转图、图转代码、手写识别、自动布局优化等 |
插件集成 | 高级用户可添加私有插件(如 Jira 集成) |
可以看出,Excalidraw+ 在“从草图走向协作产出”这个链路上做了系统补强。无论是组织内使用还是作为内容创作工具,都比免费版有更强的稳定性与可扩展性。
定价策略与订阅方式
Excalidraw+ 采用订阅制,按用户计费,价格在业内属于中等水平。
- 月付价格:$7/月/用户
- 年付折扣:$60/年/用户
- 提供团队批量购买(可设置协作者角色与权限)
付款方式支持信用卡和企业账单账户(支持开具发票),取消后可以继续访问本地导出的图表,但不能再访问云端空间与 AI 工具。
哪个版本适合你?
以下是一个简明的选择指南,适用于不同使用者:
用户类型 | 建议版本 | 理由说明 |
---|---|---|
个人用户 / 学生 | 免费版 | 轻量、自由、无账户依赖,满足基本绘图需求 |
独立创作者 | Excalidraw+ | 可生成演示材料、PPT、PDF,提升专业度 |
小团队 | Excalidraw+ | 云端同步+语音协作,提高团队沟通效率 |
教师/讲师 | Excalidraw+ | 支持演示与注释,方便在教学中使用 |
企业用户 | Excalidraw+ | 支持权限控制、团队管理、插件扩展 |
使用场景:从草图到协作,Excalidraw 在不同领域的实用价值
Excalidraw 作为一款低门槛、高灵活度的视觉表达工具,不局限于某一类专业用途。它既能服务于系统架构师做技术图,也能为教师制作教学内容,既能支持产品经理构思原型,也适用于学生做课堂笔记。其强大之处不在于某个“高级功能”,而在于它如何适应用户表达的直觉 —— 随手画、快速改、立即分享。
思维导图与头脑风暴
Excalidraw 的无限画布与自由线条特别适合用来捕捉零散思路,尤其在头脑风暴、会议讨论、内容构思阶段,能快速帮助用户将“想法”变成“结构”。
实用特征:
- 使用箭头、图形和文本构建层级关系;
- 可通过画笔工具快速打草稿,不必担心精度;
- 图形自由拖拽、分组、关联,动态调整逻辑;
- 会后可导出为 PNG 或 PDF,记录完整讨论过程。
技术图表与系统架构设计
开发者是 Excalidraw 最早的一批用户之一。与专业架构工具(如 Lucidchart、Draw.io)相比,Excalidraw 不提供“严格标准”,但正因如此,开发者可以用更自由的方式表达系统思维。
常见图表类型:
- 系统流程图(如 API 请求流程、微服务架构)
- 状态机图、事件流图、数据流图(DFD)
- 网络拓扑与服务依赖图
- 数据库结构初稿(非标准 ER 图)
通过图标库功能,用户可自定义数据库、服务器、队列、缓存等组件图形,用于表达复杂关系。
优势对比:
工具类型 | 精度与约束 | 上手速度 | 协作流畅度 | 适合阶段 |
---|---|---|---|---|
Excalidraw | 弱约束 | 高 | 高 | 草图、早期设计 |
Lucidchart | 强约束 | 中 | 中 | 标准化部署前图纸 |
Draw.io | 中 | 中 | 中 | 文档输出阶段 |
因此,Excalidraw 更适合系统图的“起稿”阶段,在白板会议、远程分享等场合应用广泛。
原型构思与交互草图
对于产品经理、UX 设计师或自由创作者而言,Excalidraw 也可以用来进行快速原型构思和低保真界面草图绘制。
典型用途包括:
- 首页布局草图
- 功能模块划分
- 用户流程图(用户点击路径、跳转关系)
- wireframe(低保真原型)
配合社区的 UI 元件库(如按钮、表单、图表框架),用户可以迅速搭建出完整页面结构,并通过导出图片嵌入到文档、需求说明书或 PRD 中。
Excalidraw+ 引入的 AI “图转代码”功能,可以将简单的界面草图自动生成对应的 HTML/CSS 模板,大幅提升前端开发的效率。
教育与培训
教育场景是 Excalidraw 使用最广泛的领域之一,教师、讲师、课程顾问等用户普遍反馈其在教学沟通中具有独特优势。
教师常见用法:
- 绘制逻辑图、流程图、数学图形
- 解题步骤示意图(配合手绘工具模拟板书)
- 制作概念地图、思维导图、复习图卡
- 教学演示中的“图解概念板”
此外,教学过程中还可使用「演示模式」,将一幅图按节奏逐步展示给学生,替代传统幻灯片。而语音协作、圈注评注等功能也极大提升了远程教学的交互效率。
学生用法:
- 用 Excalidraw 做“图形笔记”,增强记忆;
- 绘制课程概念结构图、人物关系图、历史事件时间线;
- 在 Obsidian 中结合使用,构建可视化知识网络;
- 用图解方式进行项目复盘、课程整理、写作构思。
知识管理与创作辅助
随着越来越多知识工作者采用 Obsidian、Logseq、Notion 等工具进行内容整理和写作规划,Excalidraw 正逐渐成为其中一个重要的“图形补足”。
在知识管理中的作用:
- 绘制内容关系图、双向链接结构草图;
- 图解笔记,帮助理解抽象内容;
- 制作知识地图,用于分类与归档;
- 写作规划,构建章节结构、思维流转图。
例如,许多使用者在 Obsidian 中通过安装 Excalidraw 插件,在 Markdown 笔记中嵌入动态白板,既保留了结构逻辑,又能实现图文结合的创作体验。
会议协作与远程交流
Excalidraw 的协作能力,使其天然适合线上会议、远程讨论、团队头脑风暴等实时互动场景。通过简单分享协作链接,团队成员就能同步在画布上讨论问题、标注逻辑、绘制结论。
典型会议协作形式:
- 远程 stand-up 会议中的日程梳理板;
- 产品会议中的功能优先级评审图;
- 用户研究工作坊中的情绪图、旅程图;
- 技术组会中的故障回溯路径分析。
在 Excalidraw+ 中加入语音与演示模式后,许多团队甚至完全抛弃了 Zoom 白板、Miro 等专用平台,转向 Excalidraw 作为“会议共享图层”。