秒杀一切白版和流程图工具,开源免费,超级好用-excalidraw

53 阅读5分钟

今天介绍下,我最喜欢的白板应用 Excalidraw。并分享一些技巧和窍门,让你可以快速创建手绘风格的图形、流程图、技术图表。

这是一个网页应用,而且:它免费且开源。 excalidraw.com

  • 支持本地运行,
  • 有VS Code 扩展、这对于在代码项目中创建架构图或流程图非常有用
  • 还可以在 Notion 等笔记中使用
  • 者直接访问并在浏览器中使用

看一下主界面:

  • 顶部工具栏,支持快捷键切换。
  • 左侧样式设置
  • 右侧图标库,支持可以自己上传

Image

最后一个图标还有画框、激光笔、mermaind转换、AI功能。

Image

几乎处处都有快捷键

Image

你可能已经注意到顶部工具栏下绘图工具旁的小数字,这些都是快捷键。当你输入键盘上的数字时,它们会自动选择工具。点击快捷键,可以快速在它们之间切换。

点击右下角的❓可以看到所有快捷键。记住自己常用的几个就可以了。

Image

任何形状内都可以输入文字

放置矩形或圆形后,你可以在里面输入文字,它们会自动居中。这对于创建简单的流程图或架构图非常有用。

当你想要输入文字的时候,双击就可以在当前输入。

箭头自动吸附

当你绘制一个元素并使用箭头指向它或从它引出时,它会自动吸附到该对象上。所以当你稍后移动它们时,箭头也会相应地移动,就像在 Visio 或 Draw.IO 等其他图表工具中一样。

当然,也可以使用画笔工具自由绘制箭头或对象。这在你使用平板电脑并用笔进行物理绘制时非常有用。但我个人不太喜欢这样做,因为如果你自由绘制,事后真的无法更改路径。你可以调整生成的对象大小,但不能更改箭头的方向之类的。

所以我绘图主要使用 Excalidraw 的基本工具,如矩形、箭头和线条。因为我非常喜欢这种手绘风格的白板外观,而且我稍后也可以轻松调整或更改这些元素。

左侧侧边栏-修改设置

为了使特定对象突出或强调绘图中的某些元素,你可以在左侧边栏更改许多设置,你选择一个或多个对象时会自动出现。

可以更改描边或背景颜色、描边宽度、样式、粗糙度、不透明度,或者边缘是否是圆角。

当你选择调色板时,你还可以看到所有这些不同颜色都有快捷键。这使得 Excalidraw 使用起来非常便捷。

实用功能-对齐多个对象

Image

很多人可能不知道另一个实用功能是对齐多个对象。例如,如果你绘制了一些不同的对象,如矩形或图标,你只想将它们居中,你可以选择它们全部,然后使用对齐工具水平或垂直居中。你也可以将它们向左、向右、向上或向下移动。多个对象位于不同图层上,你也可以将它们移到前面或放到后面。

顺便说一下,在 Excalidraw 中,你也可以很轻松地分组元素,或者使用这个超级实用的框架工具,它可以让你创建可调整大小和移动的框架,这些框架可以包含多个未分组或已分组的元素。所以这对于创建单独的页面或在幻灯片中组织不同的绘图非常有用。

Excalidraw 图标库

这是一个社区中其他人创建的公共库目录。你可以按最新、更新或总下载量对其进行排序。在这里,你经常可以找到一些不错的架构图或软件开发组件,比如这些云服务图标、Docker 和其他技术。

当然也可以上传自定义图标

你可以将任何图片拖放到 Excalidraw 白板上。例如,我将许多图标下载到了我的本地磁盘上。所以如果我需要 Docker 图标或其他东西用于我的绘图,可以直接拖放上传到 Excalidraw。

Image

保存和在线分享

你当然可以将其保存为文件。

也可以将其作为只读链接分享给其他人。

也可以将其导出为 PNG 或 SVG 文件。

实时协作

还有一个很棒的实时协作功能。如果你想与其他人员或团队成员在一个白板上一起工作,进行头脑风暴或可视化一些内容,就很方便。

你可以创建一个新的会话,并通过链接邀请其他人加入你的 Excalidraw 项目。

实用演示功能-激光笔

激光笔功能,向他人展示你的白板时非常有用。我很喜欢这个。你可以在顶部工具栏的最后一个图标找到它。当需要解释复杂图表时,我经常使用它来突出显示某些元素。因为 Excalidraw 没有像PPT那种动画功能,所以演示时,激光笔就很有用。

AI功能

  1. 文本到图表

现在似乎每个工具都必须至少有一个 AI 功能,无论它是否有用。

通过“文本到图表”功能,你可以用自然语言描述你希望 AI 创建的绘图。有时会生成一些有用的东西。

2. 线框到代码

另一个 AI 功能“线框到代码”,我觉得一般般。它从你的绘图中创建一些 HTML 代码。这在某些情况下可能有用,但大多数时候它只是一些通用的 HTML 内容,事后需要大量修改。


这个工具真的好用。手绘风格,超级简单,功能强大,创建流程图、当作白版都很好用。