---
title: 線上製作流程圖 draw.io
date: 2019-03-05
is_modified: false
disqus: cynthiahackmd
categories:
- "資訊科技 › 開發與輔助工具"
tags:
- "圖表與文書工具"
- "工具介紹與操作"
---

{%hackmd @CynthiaChuang/Github-Page-Theme %}

<br>

今天來清清草稿匣，先挑軟柿子下手，來整理一些現成的工具 XD

之前在做進度報告時，有需要用到**流程圖**，所謂的一圖勝千言咩，好的流程圖可以在報告時省下不少麻煩，只是好的流程圖繪製工具還真不好找阿... 好不容易才找到一個順手的工具 - [draw.io](https://www.draw.io) ，我個人還滿喜歡它的 ~ ❤️

<!--more-->
<br>

說到流程圖繪製軟體，我用的比較順手的只有三套：Microsoft 的 Visio、Cacoo 與 draw.io。

只是 Visio 只能在 Windows 上使用，而且需要付費，對偶而用用的我特地買一套很不划算。而 Cacoo 是很好用，但在畫流程圖時不曉得為啥我畫出來的都有點可愛（?），不會形容就是看起來不太專業（搔頭）。

除了 UI 拖拉製作方式外，我也試過用 Mermaid 來畫，但只要流程一複雜，我就會寫到懷疑人生...。最後還是人家推薦我使用 draw.io，才解決我的困擾 XD

<p class="illustration">
<img src="https://i.imgur.com/v2ozFhZ.png" alt="draw.io">
</p>

<br>

如果對這兩套軟體（draw.io、Cacoo）有興趣的可以看看電腦玩物的介紹：
1. [Draw.io 中文線上製作流程圖首選！專業水準完全免費](https://www.playpcesor.com/2015/02/drawio.html)
2. [Cacoo 線上中文免費畫流程圖軟體，即時協同設計多種企劃草圖](https://www.playpcesor.com/2011/04/cacoo.html)

<br>

恩...打完收工，有點懶的對它詳細介紹 XD

<br><br>

> **本文作者**： 辛西亞．Cynthia
> **本文連結**： [辛西亞的技能樹](https://cynthiachuang.github.io//Online-Diagram-Software-draw.io/) / [hackmd 版本](https://hackmd.io/@CynthiaChuang/Online-Diagram-Software-draw-io)
> **版權聲明**： 部落格中所有文章，均採用 [姓名標示-非商業性-相同方式分享 4.0 國際](https://creativecommons.org/licenses/by-nc-sa/4.0/deed.en) (CC BY-NC-SA 4.0) 許可協議。轉載請標明作者、連結與出處！