作者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