作者appleboy46 (小恶魔)
看板Soft_Job
标题[心得] 三款好用的绘图工具 (系统架构流程图)
时间Sun Sep 18 11:15:26 2022
影片:
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 绘制系统流程，让团队或长官可以更加了解专案的全貌。
--
AppleBoy Blog:
http://blog.wu-boy.com
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 123.110.136.13 (台湾)
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Soft_Job/M.1663470930.A.DCC.html
1F：推 Lomonosov: 推 draw.io 好用 09/18 11:25
2F：推 HmmHmm: 推 09/18 12:40
3F：推 Levitt: 推 09/18 12:46
4F：推 play714: 推 09/18 13:16
5F：推 NTUTM04: 推 09/18 14:37
6F：推 aquablue: 推 09/18 16:39
7F：推 jj0321: 原来draw.io改名为diagrams.net @@ 09/18 17:05
8F：推 q8977452: 推 09/18 17:36
9F：→ fantasystar: 有在用 GitHub 的话可以直接画 Mermaid diagrams 09/18 19:10
10F：推 joel913: 推DRAW.IO 09/18 20:12
11F：推 jay123peter: 推 09/18 22:15
12F：推 ghost90331: 我都用lucidchart 09/18 22:42
13F：→ moom50302: draw.io+figma基本就畅通无阻了 09/19 01:25
14F：→ touurtn: 最近改用lucidchart 比较fancy 09/19 01:26
15F：推 stygian2357: Mermaid有时候节点的位置会跑掉，我觉得不太方便 09/19 08:22
16F：推 zanyking: 我都用miro，collaboration 好用 09/19 11:42
17F：推 LuLuCow: lucidchart 真的好用，就是贵了点 09/19 15:58
18F：推 s8952889: 我觉得drawio蛮难用的 不知道是不是我太菜 09/21 12:51
19F：→ appleboy46: 楼上推荐用哪一套呢？ 09/25 00:45
20F：推 starlion: drawio推一个 09/25 22:22
21F：推 lynn5133: Drawio推推 10/05 11:18