[心得] 三款好用的绘图工具 (系统架构流程图)

楼主: 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