影片: 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 绘制系统流程，让团队或长官可以更加了解专案的全貌。
作者:
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推
有在用 GitHub 的话可以直接画 Mermaid diagrams
作者:
joel913 (没事多喝水)
2022-09-18 20:12:00推DRAW.IO
作者: moom50302 (武林三羚鳄) 2022-09-19 01:25:00
draw.io+figma基本就畅通无阻了
作者:
touurtn (vv)
2022-09-19 01:26:00最近改用lucidchart 比较fancy
Mermaid有时候节点的位置会跑掉，我觉得不太方便
作者:
zanyking (最后的六年级生)
2022-09-19 11:42:00我都用miro，collaboration 好用
作者:
s8952889 (s8952889)
2022-09-21 12:51:00我觉得drawio蛮难用的 不知道是不是我太菜
作者:
starlion (不是0就是1)
2022-09-25 22:22:00drawio推一个