爱了,吹爆这个高颜值的流程图工具!

简介: 说起流程图可能大家第一个想到Viso,功能是很强大,但也有一些弊端:需要付费无法跨平台使用之前东哥就分享过一些在线的流程图软件了,比如draw.io和processon,功能上丝毫不比商业软件差,而且更加便捷、不占据硬盘空间,同时支持团队协同。

说起流程图可能大家第一个想到Viso,功能是很强大,但也有一些弊端:

  • 需要付费
  • 无法跨平台使用

之前东哥就分享过一些在线的流程图软件了,比如draw.ioprocesson,功能上丝毫不比商业软件差,而且更加便捷、不占据硬盘空间,同时支持团队协同。

本次再给大家分享一个强大的流程图工具 Excalidraw,可以把它当作一个虚拟的白板,风格更偏向于手绘,通过简单地“托拉拽”即可完成流程图。下面我们一起看下Excalidraw的功能:

1、手绘草图

Excalidraw 是web上在线操作的,有很多种图形可供选择创建。

https://excalidraw.com/

36.gif

对于每个形状,都可以调整以下元素:

  • 颜色
  • 填充
  • 描边宽度
  • 描边样式
  • 边框
  • 边角
  • 不透明度

下面展示了如何用以上每个元素来改变一个图形的样式和风格。

37.gif

2、箭头可跟着形状移动


如果绘制的箭头指向了某个形状,那么一旦这个形状移动,指向这个图形的箭头也会自动跟着移动,并一直指向该形状。这个功能非常有用,可以为我们节省很多形状和箭头位置调整时间。

38.gif

3、可调节的箭头和线条


如果想创建一个自由方向的线条和箭头,那么只需要一步步单击你要的落点位置即可,最后再微调角度。39.gif


4、从 Excel 创建图表


创建图表需要数据,Excalidraw支持从 Excel 文件或者纯逗号分隔的文本复制数据,并粘贴到Excalidraw中创建图表。比如,复制下表数据然后粘贴到 Excalidraw中。


col1 col2
1 1
4 2
9 3
16 4
25 5
36 6
49 7
64 8
81 9
100 10
121 11

然后,我们将自动获得如下两个图表。

40.png


5、移动和对齐多个对象


按住 Shift 键同时选择多个对象可以一起移动。如果想要对齐多个图形,可以先选择多个对象,然后在左侧边栏中选择要对齐的选项即可(包括水平和垂直的左中右对齐)。

41.gif


6、图层


图层功能就如同PPT中操作一样,我们做图的时候可以叠加一些图形,选择哪个在顶层,哪个在底层,最后形成一个完整的图形。

42.gif

7、实时协作


Excalidraw 也提供了协同工作的功能,也就是一个人做图的同时,另一个人可以实时看到。启用实时协作,单击左上角的 2 人图标即可。

43.gif


8、形状库


如果想创建更复杂的形状,Excalidraw 的库提供了多种形状供选择。

44.gif

如果要从库中选择新形状,单击顶部工具栏上的方形图标,然后选择要添加的图标。另外,单击浏览库可以从 Excalidraw 库下载更多好看的手绘形状。比如下面这些就是东哥下载的一些编程语言和数据库的手绘logo。

45.png


9、保存形状


可以将形状保存到个人库中以备将来使用,还可以到出PNGSVG格式的图片,另外也支持生成一个只有查看权限的web链接。


导出PNG和SVG


46.png

支持黑夜模式

47.png


分享只有查看权限的链接


48.png

在线操作地址:https://excalidraw.com/

以上就是本次分享,个人还是非常喜欢这款工具的,免费、颜值高、操作方便。如果觉得不错,感谢各位的在看、点赞、分享

36.gif

相关文章
|
6月前
|
人工智能 安全 IDE
【AI帮我写代码,上班摸鱼不是梦】手摸手图解CodeWhisperer的安装使用
除了借助ChatGPT通过问答的方式生成代码,也可以通过IDEA插件在写代码是直接帮助我们生成代码。 目前,IDEA插件有CodeGeeX、CodeWhisperer、Copilot。其中,CodeGeeX和CodeWhisperer是完全免费的,Copilot是收费的,每月10美元。 下面我们来了解CodeWhisperer的安装和使用,如果你还想了解其他的可以在评论告诉我。
215 4
|
Web App开发 JavaScript Linux
天天在用的思维导图「幕布」,想说爱你真的不容易。
天天在用的思维导图「幕布」,想说爱你真的不容易。
|
6月前
|
数据可视化 小程序 前端开发
【iVX】十五分钟制作一款小游戏,iVX真有怎么神?
【iVX】十五分钟制作一款小游戏,iVX真有怎么神?
160 0
|
C++
你们想要的开源的冰墩墩模型来了!! 先睹为快!实现冰墩墩自由!
你们想要的开源的冰墩墩模型来了!! 先睹为快!实现冰墩墩自由!
162 0
|
区块链 算法框架/工具 Android开发
Stepn跑鞋零撸项目开发详情丨Stepn跑鞋零撸项目系统开发(案例设计)及代码说明
简单说,智能合约是一种用计算机语言取代法律语言去记录条款的合约。智能合约可以由一个计算系统自动执行。可以理解为智能合约就是传统合约的数字化版本。
|
前端开发 网络协议 JavaScript
我最近在用的一款神器,功能多到炸
今天就给大家分享我最近开发时在用的一款神器,API管理和自动化测试工具Eolink。想要摸鱼,就要提高效率,想要提高效率,就用这款神器!
209 0
我最近在用的一款神器,功能多到炸
|
数据可视化 uml UED
从 keynote 大神到语雀画图大神,她是怎么做的?
在语雀用户中有这样一位画图达人:一张图就能把项目盘点的清清楚楚,成为对焦项目进度的沟通工具;一张图就能把业务分析的明明白白,让项目成员快速达成共识;一张图就能把知识库的文档呈现得一目了然,帮助看的人快速获取信息。
|
数据采集 编解码 JavaScript
赶紧收藏!程序员必备的十三个工具网站,解放你的双手,轻松编程(上)
我准备分享一下我在编程路上收藏并且经常使用的一些非常实用的工具在线网站,赶紧收藏起来。
535 0
赶紧收藏!程序员必备的十三个工具网站,解放你的双手,轻松编程(上)
|
机器学习/深度学习 数据可视化 算法
太强了!这个建模神器可以玩一辈子
玩过建模的朋友都知道,在建立模型之前有很长的一段特征工程工作要做,而在特征工程的过程中,探索性数据分析又是必不可少的一部分,因为如果我们要对各个特征进行细致的分析,那么必然会进行一些可视化以辅助我们来做选择和判断。
太强了!这个建模神器可以玩一辈子