2020年8月28日

Draw.io 中文线上制作流程图首选!专业水准完全免费

最近在研究可以画出流程图、架构图、线路图、网站模板等图表的制作工具,一开始先研究单机的免费制图软体,发现知名的「 Dia 」、「 Pencil 」、「 Diagram Designer 」似乎剩「 Diagram Designer 」还有继续更新(感谢网友提醒:Dia 也偶尔会有更新),但只能在 Windows 上使用,这也让我转而开始研究可以跨平台的线上工具。

线上的图表制作工具还不少,除了我之前非常推荐的「 Cacoo 」之外,也让我重新发现了今天要介绍的这个「 Draw.io 」。

单机流程图软体推荐:yEd 免费下载商业使用流程图软体!自动排版超好用

为什麽要说是重新发现呢?因为「 Draw.io 」前身叫做「 Diagramly 」,是一个已经发展多年的线上流程图软体,难能可贵的是,他一直保持「完全免费」,并且直到 2 15 年的现在都依然持续更新(最近他们还发表文章说明自己保持永久免费的决心)。

所以当我隔了几年再次看到「 Draw.io 」後,发现它已经是一个「速度飞快」、「图库素材齐全」、「范本专业丰富」,可以「线上、离线」使用,还能与 Google Drive 结合的图表制作工具,而且有中文介面,是对一般工作者、老师学生来说非常值得推荐的流程图绘制软体。

「 Draw.io 」还有一个特点,他虽然是一个线上工具,但却不提供云端储存服务(所以也不需注册登入),也就是说你绘制的图表不会储存在「 Draw.io 」,要自己储存在你的硬碟、你的 Dropbox ,或是你的 Google 云端硬碟中。

「 Draw.io 」抛弃储存服务,但专注的去把一个线上流程图制作软体发展到最快最好用。

开启「 Draw.io 」线上工具

延伸阅读,你一定会感兴趣的其他图表绘制软体:

DrawExpress Diagram 真手绘流程图心智图免费软体

Coggle 最好用免费线上心智图软体教学:简单却强大

不输 Excel! 用 Google 试算表制作图表一次上手教学

creately 线上图表软体:免费套用数千资讯图表范本

好用原型设计软体 Mockplus 免费画互动 App 与网页

1. 免注册,新增、编辑云端硬碟或单机硬碟档案

打开「 Draw.io 」网站,一开始会询问你要在什麽地方新增流程图表?你可以选择 Google Drive、 Dropbox 、硬碟等地方。

如果你已经使用「 Draw.io 」一段时间,也可以选择从上述地方汇入旧档案开启修改。

虽然「 Draw.io 」不能自己储存我们的流程图,但这样一来反而让我们可以把绘制完成的图表「存在自己的工作档案夹」,对我们来说更加方便。

2. 丰富专业的预设图表范本

当选择新增流程图时,会出现可以选择「 Templates (范本)」的视窗,你可以在右上方的选单里选择预设的商务流程图、工业流程图、心智图、网路架构图、软体开发流程图,或是网页草图。

这些范本除了帮助我们学习流程图绘制,有时候也可以省一些时间。

3.简单易用的中文绘图介面

「 Draw.io 」有繁体、简体中文介面,繁体翻译虽然还没有很完全,但基本上你可以在重要功能上看到熟悉的中文。

而「 Draw.io 」的介面也简单易懂,类似 Google Docs 的风格,左方是可以拖曳到画面中使用的图表图库,右方则是细节编辑面板。

4.齐全多样化的图库素材

「 Draw.io 」内建的图库非常丰富,除了流程图需要的基本符号外,也包含了网页草图、手机介面、 UML、电路图、网路架构,或是规划 AWS、 Cisco、 Azure 时需要的图案。

我们可以在左方的图库清单里,选择「更多图案」来开启更多图库内容。

5. 进阶的图文细节编修

当把图案素材拖曳到画面後,可以利用右方的编辑面板来做微调,包含改变图案的颜色、特效,修改文字大小风格等等。

6. 流畅的拖拉图表绘制

在绘制流程图的便利性上「 Draw.io 」也不输专业软体。例如我可以直接从一个方块的任何边缘拉出路线到另外一个方块,「 Draw.io 」会自动画出路线方向,在操作上很体贴用户,减少了许多额外操作步骤。

而如果我想要在图表中新增图片,也只要从桌面直接拖曳一张图片进到网页中,就能如下图这样编辑使用。

更重要的一点是「 Draw.io 」速度非常快,可能是我用过速度最流畅的线上图表绘制工具。

7. 储存成各种格式的图表档案

因为「 Draw.io 」本身不储存我们的图表档案,所以当完成流程图制作时要记得储存到自己的空间,例如我们的硬碟,或是云端硬碟。

我会建议选择与 Google Drive 或 Dropbox 同步,这样在使用「 Draw.io 」的过程中会自动帮我们储存档案到云端硬碟,以免编辑到一半的档案消失。

「 Draw.io 」还可以让我们把图表转存成多种格式,除了支援 PNG、 JPG 图档外,也能存成 PDF 或向量 SVG 档案。若是选择储存成「 Draw.io 」的 XML 档,则可以让後续随时编辑这份流程图。

8. 离线使用,与 Google Drive 连动

虽然也可以和 Dropbox 同步,但是「 Draw.io 」和 Google Drive 有更的搭配,你可以安装「 Draw.io 」的云端硬碟应用程式,这样一来你可以从 Google Drive 直接新增「 Draw.io 」的流程图。

或者你可以安装「 Draw.io 的离线 Chrome App 」,这样一来你可以像是单机软体一样打开「 Draw.io 」,并且支援离线制作流程图。

「 Draw.io 」是一款速度飞快、功能专业,又简单好上手的线上流程图制作软体,并且他完全免费,当然他没有 Cacoo 那样的协同合作与社群功能,但单人使用应该绰绰有余,推荐有需要的朋友可以试试看。

转贴本文时禁止修改,并且必须注明来自电脑玩物原创作者 esor huang(异尘行者),及附上原文连结:Draw.io 中文线上制作流程图首选!专业水准完全免费