Excalidraw

开源虚拟白板协作工具

Excalidraw 是开源虚拟白板，手绘风格、实时协作、端到端加密，适合流程图与头脑风暴。

开源免费待确认设计创意

访问官网 ↗ GitHub ↗ 文档 ↗

GitHub 星标 ★ 133447

维护状态活跃

是否开源是

定价模式免费

项目预览

项目数据

分类设计创意

开发团队excalidraw

所属国家未知

官网地址https://excalidraw.com

GitHubhttps://github.com/excalidraw/excalidraw

定价模式免费

价格说明免费开源

访问状态

是否开源是

开源协议MIT

主要语言TypeScript

技术栈/模型canvas,collaboration,diagrams,drawing,hacktoberfest,productivity,whiteboard

GitHub 星标★ 133447

30天Star增速待观察

HF 下载量

上线时间2020-01-02 00:00:00

代码更新—

仓库体积—

本站数据更新—

维护状态活跃

中文支持待确认

访问方式自托管

移动端支持是

综合评分待评价

收录时间2026-08-19

浏览次数19

Star 增长趋势

本站每日记录该项目 GitHub 星标变化，观测越久曲线越完整

正在加载星标数据…

技术标签

使用教程

—

难度：入门约 10 分钟部署方式：库/依赖 5 步

环境要求

已安装 Node.js 与 npm 或 yarn
项目本身是 React 应用（README 说明该 npm 包用于把 Excalidraw 集成进你自己的应用）
需要 react 和 react-dom 作为依赖

安装与启动步骤

1准备 Node 环境

确认本机已安装 Node.js 和 npm/yarn，在终端执行版本命令自检；README 未指定版本号，使用较新 LTS 版本即可。
```
node -v
npm -v
```
2用 npm 安装包

README 的 Quick start 给出的唯一安装命令，会把 react、react-dom 与 Excalidraw 一起装进当前项目。
```
npm install react react-dom @excalidraw/excalidraw
```
3或用 yarn 安装

README 说明也可使用 yarn，效果与 npm 命令一致，二者选其一即可，不要重复安装。
```
yarn add react react-dom @excalidraw/excalidraw
```
4在应用中引入

安装后即可把这个 npm 包集成到自己的 React 应用中使用；具体引入方式 README 未展开，可查阅官方文档 docs.excalidraw.com。
5本地跑仓库另见指南

README 明确说明：若想本地运行仓库做开发，请参考 Development Guide，仓库 README 未提供该流程的命令。

如何确认成功

查看项目 package.json 的 dependencies 中出现 @excalidraw/excalidraw、react、react-dom，且 node_modules 下存在 @excalidraw/excalidraw 目录

常见问题

Q：我只是想用白板画图，需要装这些包吗？

A：不需要。README 顶部给出在线编辑器地址 excalidraw.com，直接浏览器打开即可使用；npm 包是给开发者集成到自己应用里的。

Q：README 里为什么没有启动命令？

A：README 的 Quick start 只针对 npm 包的安装。本地运行仓库需参考其 Development Guide（docs.excalidraw.com），本教程不编造未给出的命令。

Q：安装时提示缺少 react 或 react-dom 怎么办？

A：README 的命令已把 react 和 react-dom 一并安装，直接照抄完整命令即可，不要只装 @excalidraw/excalidraw 一个包。

Q：npm 和 yarn 需要都执行吗？

A：不需要。README 说二者均可，按你项目已有的包管理器选一条命令执行，混用可能产生重复依赖。

注意事项

本教程命令全部来自 README 的 Quick start，仓库本地开发流程 README 未给出，需查阅官方文档。
Excalidraw 官方在线版提供实时协作与端到端加密，无需部署即可体验。
README 未指定 Node 版本、端口或环境变量，遇到问题优先查看 docs.excalidraw.com。

核心亮点

GitHub 获得 130K 星标，社区活跃、持续更新维护
基于 TypeScript 开发，技术栈成熟，Docker 一键部署
开源免费、支持自托管，数据掌握在自己手中，无厂商锁定

不足之处

需要自行部署与日常维护，对非技术用户有一定门槛
功能与稳定性依赖社区迭代，官方技术支持有限

适用场景

快速绘制流程图/架构图/示意图
远程团队实时协作头脑风暴
需要端到端加密的绘图场景

替代项目

Miro、FigmaJam、draw.io

项目介绍

Excalidraw 是设计创意领域的开源项目，由 excalidraw 开发，2020 年首次发布。

在全站 13,635 个收录项目中，它的 GitHub 星标数（133,447）位列前 1%，在设计创意分类的 165 个项目里位列前 1%。

近 44 天，它的 GitHub 星标从 130,027 增加到 133,402，净增 3,375。

项目目前处于活跃维护状态，最近一次代码更新于 2026-10-01。免费开源。从国内网络环境看，可直接访问。

它主要面向的使用场景是：快速绘制流程图/架构图/示意图。同类可对比的替代方案包括 Miro、FigmaJam、draw.io。

上一篇：deepseek-design

下一篇：ip-as-logo-skill