為什麼這篇系統架構圖流程圖鄉民發文收入到精華區：因為在系統架構圖流程圖這個討論話題中，有許多相關的文章在討論，這篇最有參考價值！作者appleboy46 (小惡魔)看板Soft_Job標題[心得] 三款好用的繪圖工具 (系統架構...
系統架構圖流程圖 在 高均數學/升學帳 Instagram 的最佳貼文
2021-09-24 18:58:12
【111學測筆記抽獎】 學測前後有同學及家長詢問老師 新版的108課綱學測筆記什麼時候會出版 歷經了幾個月的重新修訂 目前終於有了定稿預計下個禮拜送印 因為這幾個月忙於編寫筆記 所以文章也比較少跟大家說聲抱歉 在筆記上架前 舉辦一個筆記的抽獎活動 有興趣的同學可以看到最後 會有抽獎的規則 在抽...
影片: https://www.youtube.com/watch?v=IgD_XAKwAyk
不管是長官還是同事甚至下屬，在公司無時無刻都需要跨團隊進行溝通，當系統架構或流
程越來越複雜的時候，如果沒有按照當下情況記錄下來，對於未來接手的同事，或者是自
己都會不小心忘記，而在記憶最清楚的當下用文字或流程圖記錄下來，對團隊及自己是有
相當大的幫助。而有沒有工具可以快速畫出系統架構或流程圖？我們可以分幾種情境來討
論。
第一種是程式碼架構流程圖，跟開發團隊一起開發功能時，開發者可以先將程式的流程圖
先畫出來，跟團隊進行第一輪討論，避免實作下去時，考慮太少，多與團隊進行溝通，對
自己是非常有幫助的。
第二種是專案剛開始，或發展到一定程度，需要將全部系統架構整理下來，團隊可能用
了 AWS 或 GCP 等服務，有一個全貌的系統架構圖，可以協助團隊釐清專案到底使用了哪
些工具？讓剛加入的同事可以透過此架構圖快速了解並進入狀況。底下來介紹三套我個人
蠻推薦的三種繪製工具。
1. PlantUML https://plantuml.com/
2. Diagrams https://www.diagrams.net/
3. Excalidraw https://excalidraw.com/
上面有三套好用的畫圖工具，我個人使用的時機不盡相同，如果是簡易的流程圖，我都直
接用 Excalidraw 快速搞定，不想花太多時間進行繪製，尤其是時間很趕的時候。跨團隊
或內部開發溝通時，我就會用 PlantUML，將開發流程描述清楚，避免在合作上面出現差
錯，讓其他開發同仁產生誤會。到專案中期或後期，整體架構比較確定後，我會在用
Diagrams 繪製系統流程，讓團隊或長官可以更加了解專案的全貌。
--
AppleBoy Blog: http://blog.wu-boy.com
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 123.110.136.13 (臺灣)
※ 文章網址: https://www.ptt.cc/bbs/Soft_Job/M.1663470930.A.DCC.html
推 Lomonosov: 推 draw.io 好用 09/18 11:25
推 HmmHmm: 推 09/18 12:40
推 Levitt: 推 09/18 12:46
推 play714: 推 09/18 13:16
推 NTUTM04: 推 09/18 14:37
推 aquablue: 推 09/18 16:39
推 jj0321: 原來draw.io改名為diagrams.net @@ 09/18 17:05
推 q8977452: 推 09/18 17:36
→ fantasystar: 有在用 GitHub 的話可以直接畫 Mermaid diagrams 09/18 19:10
推 joel913: 推DRAW.IO 09/18 20:12
推 jay123peter: 推 09/18 22:15
推 ghost90331: 我都用lucidchart 09/18 22:42
→ moom50302: draw.io+figma基本就暢通無阻了 09/19 01:25
→ touurtn: 最近改用lucidchart 比較fancy 09/19 01:26
推 stygian2357: Mermaid有時候節點的位置會跑掉，我覺得不太方便 09/19 08:22
推 zanyking: 我都用miro，collaboration 好用 09/19 11:42
推 LuLuCow: lucidchart 真的好用，就是貴了點 09/19 15:58
推 s8952889: 我覺得drawio蠻難用的 不知道是不是我太菜 09/21 12:51
→ appleboy46: 樓上推薦用哪一套呢？ 09/25 00:45
推 starlion: drawio推一個 09/25 22:22
推 lynn5133: Drawio推推 10/05 11:18