POST

Excalidraw:手绘风的白板,画个架构图不用开设计软件

线条歪歪扭扭但看着舒服,适合画流程图、架构图、草稿。装在自己机器上,还能多人协作。

有些图不值得开 Visio,也不适合用 PPT 硬画:临时画个网络拓扑、给同事解释一下数据流、在白板上比划两笔。

Excalidraw 就是干这个的。它的线条故意画得有点抖,看起来像手绘——但排版和对齐是准的。

装

services:
  excalidraw:
    image: excalidraw/excalidraw:latest
    container_name: excalidraw
    ports: ["8083:80"]
    restart: unless-stopped

打开 http://NAS地址:8083,直接用,没有登录、没有数据库。

它为什么好用

打开就能画。左边工具栏:矩形、箭头、画笔、文字。快捷键和 Figma 类似(R 矩形、A 箭头、T 文字)。

对齐是自动的。你随手拖,它会吸附到网格和已有元素的边缘,不会画歪。

导出干净。PNG、SVG、剪贴板都行。导出的 SVG 放到网站上也清晰。

文件就是一份 JSON。保存在本地、发给人、塞进 Git 都行。.excalidraw 文件双击能打开。

几个实际用法

一、画网络拓扑

家里有 NAS、路由器、几台设备,画一张图存下来。以后加设备往里添,比纯文字描述清楚。

二、画数据流

备份是怎么走的、请求怎么经过反代、容器的网络怎么连。解释给别人看的时候,一张图胜过十分钟嘴。

三、画草稿

做视频、写文章之前先画个分镜或者结构图。它不追求精美,正好适合"还没想清楚"的阶段。

四、合作画图

它支持协作模式(需要配一个协作服务器)。几个人的鼠标同时在一个画布上,适合远程讨论。

中文输入

默认字体对中文支持一般,手写字体里没有中文字形。

解决:选中文字后把字体换成 Normal(系统字体),中文就正常了。手写字体只适合英文。

保存这件事

它默认是"内存里画,浏览器本地存"。

  • 关闭页面前点导出,或者
  • 用浏览器的本地存储(关掉标签页还在,清缓存就没)

想真正保存,导出 .excalidraw 文件放进 NAS 目录。它没有服务端存储——这是设计取舍,不是 bug。

会踩的坑

刷新后画的东西没了 没导出。养成画完就导出的习惯。

中文显示成方块 字体选了手写体。换 Normal。

多人协作连不上 协作需要单独的协作服务器(excalidraw-room),要额外跑一个容器。

图片插入不了 它支持贴图,但大图会拖慢。流程图尽量用图形而不是截图。

它适合谁

  • 经常要画架构图、流程图的;
  • 觉得专业工具太重、PPT 又太丑的;
  • 想给文章配图的(导出的风格很统一)。

不适合:需要精确尺寸的工程图(用 draw.io 或 CAD);需要长期保存和版本管理的(它没有存储层,得靠你自己管文件)。

最后

Excalidraw 的审美取向很明确:草稿就该长得像草稿。

精雕细琢的图会让人以为你想得很清楚了。歪歪扭扭的图反而适合"我们还在讨论"这个阶段。

有问题留言。

👁 - 次浏览

留言

← 返回首页