[心得] 三款好用的繪圖工具 (系統架構流程圖)

作者: appleboy46 (小惡魔)   2022-09-18 11:15:26
影片: https://www.youtube.com/watch?v=IgD_XAKwAyk
部落格: https://bit.ly/3eY1JWW
不管是長官還是同事甚至下屬,在公司無時無刻都需要跨團隊進行溝通,當系統架構或流
程越來越複雜的時候,如果沒有按照當下情況記錄下來,對於未來接手的同事,或者是自
己都會不小心忘記,而在記憶最清楚的當下用文字或流程圖記錄下來,對團隊及自己是有
相當大的幫助。而有沒有工具可以快速畫出系統架構或流程圖?我們可以分幾種情境來討
論。
第一種是程式碼架構流程圖,跟開發團隊一起開發功能時,開發者可以先將程式的流程圖
先畫出來,跟團隊進行第一輪討論,避免實作下去時,考慮太少,多與團隊進行溝通,對
自己是非常有幫助的。
第二種是專案剛開始,或發展到一定程度,需要將全部系統架構整理下來,團隊可能用
了 AWS 或 GCP 等服務,有一個全貌的系統架構圖,可以協助團隊釐清專案到底使用了哪
些工具?讓剛加入的同事可以透過此架構圖快速了解並進入狀況。底下來介紹三套我個人
蠻推薦的三種繪製工具。
1. PlantUML https://plantuml.com/
2. Diagrams https://www.diagrams.net/
3. Excalidraw https://excalidraw.com/
上面有三套好用的畫圖工具,我個人使用的時機不盡相同,如果是簡易的流程圖,我都直
接用 Excalidraw 快速搞定,不想花太多時間進行繪製,尤其是時間很趕的時候。跨團隊
或內部開發溝通時,我就會用 PlantUML,將開發流程描述清楚,避免在合作上面出現差
錯,讓其他開發同仁產生誤會。到專案中期或後期,整體架構比較確定後,我會在用
Diagrams 繪製系統流程,讓團隊或長官可以更加了解專案的全貌。
作者: Lomonosov (羅蒙諾索夫院士)   2022-09-18 11:25:00
推 draw.io 好用
作者: HmmHmm (凝結的時間)   2022-09-18 12:40:00
作者: Levitt (Levitt)   2022-09-18 12:46:00
作者: play714 (play)   2022-09-18 13:16:00
作者: NTUTM04 (TM終號機)   2022-09-18 14:37:00
作者: aquablue (LostStars)   2022-09-18 16:39:00
作者: jj0321 (JJ與你倒數唷)   2022-09-18 17:05:00
原來draw.io改名為diagrams.net @@
作者: q8977452 (perplexed)   2022-09-18 17:36:00
作者: fantasystar (小光先生)   2022-09-18 19:10:00
有在用 GitHub 的話可以直接畫 Mermaid diagrams
作者: joel913 (沒事多喝水)   2022-09-18 20:12:00
推DRAW.IO
作者: jay123peter (蕭瑟風雅)   2022-09-18 22:15:00
作者: ghost90331 (Yang)   2022-09-18 22:42:00
我都用lucidchart
作者: moom50302 (武林三羚鱷)   2022-09-19 01:25:00
draw.io+figma基本就暢通無阻了
作者: touurtn (vv)   2022-09-19 01:26:00
最近改用lucidchart 比較fancy
作者: stygian2357 (yamato)   2022-09-19 08:22:00
Mermaid有時候節點的位置會跑掉,我覺得不太方便
作者: zanyking (最後的六年級生)   2022-09-19 11:42:00
我都用miro,collaboration 好用
作者: LuLuCow   2022-09-19 15:58:00
lucidchart 真的好用,就是貴了點
作者: s8952889 (s8952889)   2022-09-21 12:51:00
我覺得drawio蠻難用的 不知道是不是我太菜
作者: appleboy46 (小惡魔)   2022-09-25 00:45:00
樓上推薦用哪一套呢?
作者: starlion (不是0就是1)   2022-09-25 22:22:00
drawio推一個
作者: lynn5133 (香菇)   2022-10-05 11:18:00
Drawio推推

Links booklink

Contact Us: admin [ a t ] ucptt.com