序

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

UI工具

主要有processon、draw.io、编辑器软件excalidraw、archimatetool、cloudcraft.co

pr编辑器小说ocesson架构图模板

架构图

www.processon.com/view/6220b5…

类图

w架构师工资ww.processon.com/view/556ff架构图模板0…

ER图

www.markdown什么意思p架构图怎么画rocesson.com/view/623722…

用例图

www.processon.com/view/5938e0…

流程图

wwapproachw.processon.com/view/6221ab…

拓扑图

www.processon.com/view/621ec8…

draw.io

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

excalidraw

archimatetool

cloudcraft

主要是AWS的一些markdown翻译组件

diagram as code

主要有plantuml、C4-PlantUML、Contmarkdown换行ext Mapper、structurizr、mermaid

plantuml

用例图

plantuml.cmarkdown编辑器om/zh/use-case…

类图

plamarkdown翻译ntuml.cmarkdown是干什么的om/zh/class-di…

状态图

plantuml.com/zh/state-di…

流程图/活动图

plantuml.com/zh/activity…

时序图/顺序编辑器图

plantuml.com/zh/sequence…

C4

主要有C4-PlantUM架构师工资L及C4-Builder

Context Mapper

这个应该是DDD爱好者最喜欢的工具，因为可以画出context map，非常高架构是什么意思大上

structurizr

主打D用例图例题iagrams as code的思想，可以导出PlantUML，C4APP-PlantUML,Mermaid,DOT,WebSequenceDiagrams,Ilograph格式

mermaid

跟mark架构师工资down编辑器集成的比较好

小结

• 喜欢自己编辑器手机版手工画的，可选processon、draw.io、ex用例图用什么软件画calidraw、archimatetool、cloudcraft.co
• 喜欢通过代编辑器哪个好用码生成的，可选plantuml、C4-PlantUML、Context Mapper、structu架构师rizr、mermaidmarkdownpad

doc

• 如何画好一张架构图？
• 别再问我们用什么画图的了！问就是excalidraw
• processon
• draw.io
• hediet.vscode-drawio
• excalidraw
• cloudcraft.co
• plantuml
• C4-PlantUML
• c4model
• c4model架构师工资 Tool
• Context Mapper
• Context Mapper – Visual Studio Marketplace
• structurizr
• mermamarkdown语法id