---
type: link
title: "Excalidraw - 开源手绘风格虚拟白板"
date: 2026-06-26 21:18:06 +0800
tags: [excalidraw, whiteboard, diagram, drawing-tools, open-source, collaboration, react, typescript, pwa]
linkUrl: https://github.com/excalidraw/excalidraw
---

**Excalidraw** 是一款广受欢迎的开源虚拟白板工具，主打“手绘风格”的图表绘制体验。它让用户在数字画布上画出看起来像随手涂鸦、却又结构清晰的示意图，既保留了手绘的自然感，又具备现代协作工具的便利。

![](/images/2026/opensource/excalidraw.webp)

其核心定位可以概括为以下几个方面：

### 1. 产品核心能力

- **手绘风格画布**：无限画布 + 手绘质感线条，默认的“潦草”风格让技术图表少了些冰冷，多了些亲和力。
- **实时多人协作**：支持多人同时编辑，并通过端到端加密保护协作数据。
- **本地优先**：自动保存到浏览器本地，断网也能继续绘制；支持导出 `.excalidraw` JSON 文件。
- **丰富导出格式**：可导出 PNG、SVG，或复制到剪贴板，也能生成只读分享链接。
- **完整绘图工具**：矩形、圆形、菱形、箭头、自由绘制、文字、橡皮擦、素材库等一应俱全。

### 2. 技术栈与开源信息

- 主要基于 **TypeScript** 和 **React** 构建，代码质量高，社区活跃。
- 采用 **MIT 许可证**，完全免费开源。
- 在 GitHub 上已获得超过 126k Stars 和 14.2k Forks。
- 支持 PWA，可离线使用；也提供 Docker 部署方式。

### 3. 生态集成

Excalidraw 不只是独立的在线白板，它已经被集成到众多知名工具中：

- **Obsidian**：通过插件在笔记中直接绘图。
- **VS Code**：官方扩展让开发者在编辑器内画架构图。
- **Notion、Replit、CodeSandbox、Google Cloud**：均被采用为内置或推荐绘图方案。
- **npm 包 `@excalidraw/excalidraw`**：开发者可将白板能力嵌入自己的 React 应用。

### 4. 适用场景

- 快速绘制系统架构图、流程图、UML 图。
- 产品原型与线框图设计。
- 远程团队协作与头脑风暴。
- 技术博客、演讲稿中的配图制作。

如果你厌倦了传统绘图工具过于“工整”的产出，想要一种更自然、更有手写感的表达方式，Excalidraw 是一个值得收藏的工具。在线版可直接访问 [excalidraw.com](https://excalidraw.com)。