技术文档画图工具箱

本文主要介绍一下撰写技术文档中可能会用的一些画图工具。这里主要分为两大派,一派是直接拖拽完成,一派是通过代码来完成

UI工具

主要有processondraw.ioexcalidrawarchimatetoolcloudcraft.co

processon

架构图

技术文档画图工具箱_第1张图片
https://www.processon.com/vie...

类图

技术文档画图工具箱_第2张图片
https://www.processon.com/vie...

ER图

技术文档画图工具箱_第3张图片
https://www.processon.com/vie...

用例图

技术文档画图工具箱_第4张图片
https://www.processon.com/vie...

流程图

技术文档画图工具箱_第5张图片
https://www.processon.com/vie...

拓扑图

技术文档画图工具箱_第6张图片
https://www.processon.com/vie...

draw.io

国内貌似访问不了,可以画C4、ER、UML、ArchiMate、AWS/Azure等

excalidraw

技术文档画图工具箱_第7张图片

archimatetool

技术文档画图工具箱_第8张图片

cloudcraft

技术文档画图工具箱_第9张图片

主要是AWS的一些组件

diagram as code

主要有plantumlC4-PlantUMLContext Mapperstructurizrmermaid

plantuml

用例图

技术文档画图工具箱_第10张图片
https://plantuml.com/zh/use-c...

类图

技术文档画图工具箱_第11张图片
https://plantuml.com/zh/class...

状态图

技术文档画图工具箱_第12张图片
https://plantuml.com/zh/state...

流程图/活动图

技术文档画图工具箱_第13张图片
https://plantuml.com/zh/activ...

时序图/顺序图

技术文档画图工具箱_第14张图片
https://plantuml.com/zh/seque...

C4

主要有C4-PlantUMLC4-Builder

技术文档画图工具箱_第15张图片

Context Mapper

这个应该是DDD爱好者最喜欢的工具,因为可以画出context map,非常高大上
技术文档画图工具箱_第16张图片

structurizr

主打Diagrams as code的思想,可以导出PlantUML,C4-PlantUML,Mermaid,DOT,WebSequenceDiagrams,Ilograph格式

技术文档画图工具箱_第17张图片

mermaid

跟markdown编辑器集成的比较好
技术文档画图工具箱_第18张图片

小结

doc

你可能感兴趣的:(arch)