toolgarden.xyz
EN

Excalidraw画板

基于开源 Excalidraw 打造手绘风格画板,适合画架构草图和示意图,支持图形、文字、图片绘制和多种格式导出。

Excalidraw画板

内容在浏览器本地编辑;可使用 Excalidraw 内置菜单导入、保存和导出 PNG、SVG 或 Excalidraw 文件。

工具说明

Excalidraw 风格画板用于创建带手绘质感的框图、注释和低保真草图。矩形、箭头、文本和分组比像素级精细设计更适合表达结构与关系,尤其便于在需求尚未稳定时快速迭代。

画板文件应被视为设计源数据,导出图片则适合分享但不便继续编辑。协作交付时应同时保存可编辑文件和预览图,并用文字补充关键约束、状态和未决问题。

使用步骤

  1. 定义图的范围

    写出标题、读者和需要回答的问题。

  2. 使用有限图形语言

    为相同类型节点保持一致形状、颜色和箭头方向。

  3. 整理并双格式导出

    对齐结构,添加图例,同时保存可编辑源和便于查看的图片。

支持范围与限制

底层引擎
开源 Excalidraw,在浏览器本地运行
风格特征
手绘风线条。刻意的粗糙感能传达「这是草案,还会改」,适合架构草图和示意图
可用元素
图形、箭头、自由绘制、文字、图片,支持分组与图层顺序
内容保存位置
浏览器本地存储,换设备或清理数据后不可见
导出
可导出为 PNG、SVG 或 .excalidraw 文件,后者可在官方客户端继续编辑
协作
不提供多人实时协作

典型使用场景

  • 绘制低保真界面

    快速表达页面区域和交互方向,不陷入视觉细节。

  • 说明系统关系

    用节点和箭头讨论组件、数据或角色之间的连接。

  • 画方案讨论用的架构草图

    手绘风格降低了「这是定稿」的暗示,评审时人们更愿意直接提改动意见。

使用前需要知道的事

  • 复杂图应拆分为多个层次,否则缩小后文字和箭头难以阅读。
  • 图片导出不保留对象可编辑性,后续修改需要源文件。
  • 图形只表达当前假设,重要接口和约束仍应记录在规范中。

相关概念

low-fidelity sketch
强调结构和流程而非最终视觉细节的快速设计表达。
editable source
保留独立对象和属性、可继续修改的画板数据。

常见问题

Excalidraw 画板内容会上传吗?
不会。画板基于开源 Excalidraw 在浏览器本地运行,绘制内容不会上传到服务器。
有什么风格特点?
它以手绘风格著称,适合快速画草图、流程示意和架构图,可导出为图片。
需要联网才能用吗?
首次打开加载后,核心绘制功能基本可在本地使用,内容也保存在本地。
导出成什么格式好?
贴进文档用 PNG,需要缩放不失真用 SVG。如果之后还要继续修改,导出 .excalidraw 文件:它保留可编辑的图形数据,可以在官方客户端或这里重新打开。
内容会自动保存吗?
会保存在浏览器本地存储中,刷新页面不会丢。但清理浏览数据、换浏览器或换设备后内容不可见,且没有云端备份。重要的图请及时导出成文件。