Excalidraw:即绘即思,直观出现未来流程图!-精选真开源,开释新价值。
概览
在编撰文章或构建演示事例的进程中,为了增强视觉表现力和信息传达深度,当令融入图表或图形显得至关重要。Excalidraw作为一款根据浏览器环境的开源绘图东西,凭仗其共同而直观的操作方法,可助力用户高效创作出具有手绘风格的各类图形与图表,广泛应用于软件工程、规划创新及教育培训等许多领域。
但是,优秀的作图东西有那么多,例如文本绘图东西PlantUML,流程图规划东西Draw.io,还有专业绘图东西Sketch和Figma等,为什么推荐Excalidraw?
Excalidraw的核心优势在于,它的用户界面十分简练,易于上手,即使界面简练,但它提供了根本的绘图东西,如线条、形状、文字等,以及一些常用功用,如吊销、重做、对齐等。与其他绘图东西不同,Excalidraw的绘图作用出现出手绘般的质感,使得图形和图表看起来愈加天然、生动。并且Excalidraw还支撑实时协作功用,多人能够共同在一个画布上制作,便利团队成员进行谈论和创意沟通。它还包括一个丰厚手绘风格图形和元素的资料库,用户能够直接从库中挑选所需资料并添加到画布上,这些资料涵盖了根本图标,装修元件,UI组件等多种类型,便利用户快速创立各种流程图、原型规划和思想导图等。所有的Excalidraw绘图数据都存储在本地,不会上传到服务器。一起它还提供了加密共享功用,确保共享进程中数据的安全性。因为Excalidraw是根据浏览器的应用,因而无需装置额外的软件,就能够在不同的操作系统和设备上运用。
到发稿概况如下:
- 软件地址:github.com/excalidraw/…
- 软件协议:MIT
- 编程言语:
言语 | 占比 |
---|---|
TypeScript | 88.0% |
SCSS | 4.9% |
MDX | 4.3% |
JavaScript | 2.5% |
HTML | 0.3% |
- 保藏数量:77.1K
部署
你能够进入官方网址在线体验:excalidraw.com
或者自己部署
npm install react react-dom @excalidraw/excalidraw
或
yarn add react react-dom @excalidraw/excalidraw
运用Excalidraw进行绘图十分简单:
主要功用
Excalidraw具有鲜明的特点:
- 手绘风格
与其他绘图东西不同,Excalidraw的绘图作用出现出手绘般的质感,使得图形和图表看起来愈加天然、生动。
- 组合和分组
Excalidraw支撑将多个图形组合或分组。经过将图形组合在一起,用户能够更好地管理和移动这些图形。分组功用能够将几个图形看作一个整体进行编辑。
- 经过Excel创立图表
Excalidraw还有一个躲藏小技巧,答应用户经过从Excel或纯逗号分隔文本(csv格局)仿制和粘贴数据来创立图表!例如,假如仿制下表并将其粘贴到Excalidraw:
Day | Commits |
---|---|
Mon | 167 |
Tue | 92 |
Wed | 114 |
Thu | 195 |
Fri | 155 |
Sat | 97 |
Sun | 42 |
- 多人协作
Excalidraw支撑实时协作功用,多人能够共同在一个画布上制作,便利团队成员进行谈论和创意沟通。
- 丰厚的资料库
Excalidraw还包括一个丰厚手绘风格图形和元素的资料库,用户能够直接从库中挑选所需资料并添加到画布上,这些资料涵盖了根本图标,装修元件,UI组件等多种类型,便利用户快速创立各种流程图、原型规划和思想导图等。
遥想
Excalidraw的手绘风格惹人喜欢,这的确是合适极客的一款绘图东西。运用它绘图,整个都是项目都显得“巨大上”的。不过,Excalidraw也有几个缺点:
- 默认不支撑中文手写作用,因而当手绘图形中掺杂了许多非手写中文时,总会觉得图形不伦不类;
- 只支撑单画布绘图,当有多个图形并行制作的诉求时,需要不断重复将线上图形保存到本地、从头加载另一个本地文件进行另一个图形制作的进程;
- 短少本地文件存储和云端存储才能,Excalidraw制作的图形只能暂时存储在浏览器存储中,简单丢失,不利于耐久化创作和共享;
- 不支撑脑图、表格、文档嵌入等一些常见场景;
各位在运用Excalidraw的进程中是否有什么不满意的当地?或者对Excalidraw的功用有什么提议?热烈欢迎各位在谈论区共享沟通心得与见解!!!
声明:本文为辣码甄源原创,转载请标注”辣码甄源原创首发”并附带原文链接。