在线工具 · 图文工具
Excalidraw
Excalidraw 是一款强调“快速表达”的在线白板。它特别适合把复杂想法迅速变成流程图、系统架构图、产品草图和会议讨论图,而不是花时间做像素级视觉设计。
立即使用 Excalidraw ↗它到底适合做什么?
Excalidraw 的优势在于低门槛和速度。官方定位强调从创建、协作到分享的轻量工作流;无需先搭建复杂设计系统,就能直接在无限画布上开始。
01 · DIAGRAM
流程图与系统架构
用矩形、箭头和标签表达用户、服务、数据库、接口以及调用关系。先把结构画出来,再整理布局。
02 · IDEATION
头脑风暴与会议记录
把零散想法直接放到画布上,之后再移动、分组和连线。手绘感反而能降低“必须画得漂亮”的心理负担。
03 · WIREFRAME
产品草图与低保真原型
页面结构、按钮位置、信息层级可以先用简单线框表达。它适合讨论“怎么组织”,而不是最终视觉稿。
核心操作:四个元素就能开始
形状负责建立节点;箭头负责表达关系;文字负责补充语义;无限画布负责容纳还没有整理好的思路。复杂图不要一开始追求美观,先把信息和关系完整放上去。
实用原则:一条线最好只表达一种关系;节点名称尽量短;当图开始变乱时,先分区和分组,再考虑颜色。
第一次做一张架构图,建议这样走
1
先放参与者
用户、客户端、服务、数据库等核心节点先全部放上去。
2
再画关系
用箭头标出调用方向、数据流或业务流程。
3
整理层级
把同一层的节点放到相近区域,减少交叉线。
4
补充说明
添加接口、缓存、队列等关键依赖,但避免信息过载。
5
分享或导出
确认阅读路径清楚后,再分享链接或导出图稿。
图形库与协作
Excalidraw 提供公共图形库,可以直接加入软件架构、系统设计、流程图、UML、云服务等常见图形;多人协作则适合会议讨论和远程评审。
如果只是快速画图,直接使用免费编辑器即可;如果需要云端工作区、增强分享、演示和团队能力,再考虑 Excalidraw Plus。
一句话评价
如果你的目标是“把一个复杂想法迅速画明白”,Excalidraw 是非常合适的工具;如果目标是像素级视觉设计,则应该交给 Figma、Photopea 等专业工具。
官方资料
本文根据 Excalidraw 官方编辑器与官方资料整理。
Excalidraw 官方编辑器 · 官方图形库 · 官方文档