84.6k Star！大厂都在用的画图神器，一键开启实时协作！

xcalidraw 让远程协作画图变得轻松愉快，无论是产品经理画原型图、开发者画流程图，还是老师在线授课画示意图，都能轻松搞定。它的手绘风格让作品充满活力，协作功能让团队交流更加顺畅，是提升远程工作效率的得力助手

在远程办公时，我们经常需要和同事讨论产品设计、头脑风暴，或是给别人讲解一些想法。

传统的画图工具要么太过专业难以上手，要么功能单一无法协作。有时候随手画个示意图都要打开专业软件，实在是太麻烦了。

今天给大家推荐一个开源神器：Excalidraw，它让画图变得简单又有趣！

项目特色

这是一款完全免费的开源白板工具，支持手绘风格。最棒的是它完全运行在浏览器中，无需下载安装。

核心功能包括：

• 手绘风格：所有图形都是手绘风格，让作品更有亲和力和创意感；

• 实时协作：多人可以同时在一个画布上创作，还支持端到端加密；

• 丰富工具：矩形、圆形、箭头、线条、自由绘制等各类绘图工具一应俱全；

• 便捷导出：支持导出为 PNG、SVG 格式，也可以复制到剪贴板；

• 离线可用：采用 PWA 技术，即使断网也能继续使用；

• 跨平台：电脑手机都能访问，随时随地都能画图。

快速上手

使用 Excalidraw 非常简单，有两种方式可以选择：

在线使用（推荐）：

1. 直接访问官方网站 excalidraw.com;

2. 无需注册，打开即可使用；

3. 首次使用建议点击右上角切换为中文界面。

本地安装：

如果是开发者，想要在自己的项目中集成这款工具，可以通过 npm 包管理器安装：

# 使用 npm 安装npm install react react-dom @excalidraw/excalidraw
# 或使用 yarn 安装yarn add react react-dom @excalidraw/excalidraw

项目展示

首次使用

更多菜单

丰富素材库

官方手绘案例

写在最后

Excalidraw 让远程协作画图变得轻松愉快，无论是产品经理画原型图、开发者画流程图，还是老师在线授课画示意图，都能轻松搞定。

它的手绘风格让作品充满活力，协作功能让团队交流更加顺畅，是提升远程工作效率的得力助手。

GitHub 项目地址：https://github.com/excalidraw/excalidraw

来源：GitHub宝典

原文作者：小 G