序
本文主要介紹一下撰寫技術文件中可能會用的一些畫圖工具。這裡主要分為兩大派，一派是直接拖拽完成，一派是通過程式碼來完成
UI工具
主要有processon、draw.io、excalidraw、archimatetool、cloudcraft.co
processon
架構圖
https://www.processon.com/vie...
類圖
https://www.processon.com/vie...
ER圖
https://www.processon.com/vie...
用例圖
https://www.processon.com/vie...
流程圖
https://www.processon.com/vie...
拓撲圖
https://www.processon.com/vie...
draw.io
國內貌似訪問不了，可以畫C4、ER、UML、ArchiMate、AWS/Azure等
excalidraw
archimatetool
cloudcraft
主要是AWS的一些元件
diagram as code
主要有plantuml、C4-PlantUML、Context Mapper、structurizr、mermaid
plantuml
用例圖
https://plantuml.com/zh/use-c...
類圖
https://plantuml.com/zh/class...
狀態圖
https://plantuml.com/zh/state...
流程圖/活動圖
https://plantuml.com/zh/activ...
時序圖/順序圖
https://plantuml.com/zh/seque...
C4
Context Mapper
這個應該是DDD愛好者最喜歡的工具，因為可以畫出context map，非常高大上
structurizr
主打Diagrams as code的思想，可以匯出PlantUML，C4-PlantUML,Mermaid,DOT,WebSequenceDiagrams,Ilograph格式
mermaid
跟markdown編輯器整合的比較好
小結
- 喜歡自己手工畫的，可選processon、draw.io、excalidraw、archimatetool、cloudcraft.co
- 喜歡通過程式碼生成的，可選plantuml、C4-PlantUML、Context Mapper、structurizr、mermaid