sequence

This article focuses on some of the drawing tools you might use in writing technical documents. There are two main schools of thought, one is drag and drop, and the other is code

The UI tools

The main ones are processon, draw. IO, Excalidraw, ArchimateTool, Cloudcraft

processon

Architecture diagram

www.processon.com/view/6220b5…

The class diagram

www.processon.com/view/556ff0…

ER figure

www.processon.com/view/623722…

Use case diagram

www.processon.com/view/5938e0…

The flow chart

www.processon.com/view/6221ab…

The topology

www.processon.com/view/621ec8…

draw.io

It seems that it cannot be accessed in China. You can draw C4, ER, UML, ArchiMate, AWS/Azure, etc

excalidraw

archimatetool

cloudcraft

Mainly AWS components

diagram as code

There are plantuml, C4-Plantuml, Context Mapper, structurizr, Avi

plantuml

Use case diagram

Plantuml.com/zh/use-case…

The class diagram

Plantuml.com/zh/class-di…

State diagram

Plantuml.com/zh/state-di…

Flow chart/activity chart

Plantuml.com/zh/activity…

Sequence diagram/sequence diagram

Plantuml.com/zh/sequence…

C4

The main products are C4-Plantuml and C4-Builder

Context Mapper

This should be a favorite tool for DDD enthusiasts because you can draw the context map, which is very nice

structurizr

The thought of main Diagrams as code, can export PlantUML, C4 – PlantUML, Mermaid, DOT, WebSequenceDiagrams, Ilograph format

mermaid

Better integration with the Markdown editor

summary

  • Processon, Draw. IO, Excalidraw, ArchimateTool, Cloudcraft. co are optional
  • Like code generation, options plantuml, C4-Plantuml, Context Mapper, structurizr, Avi

doc

  • How to draw a good architecture diagram?
  • Stop asking us what we draw with! Q is excalidraw
  • processon
  • draw.io
  • hediet.vscode-drawio
  • excalidraw
  • cloudcraft.co
  • plantuml
  • C4-PlantUML
  • c4model
  • c4model Tool
  • Context Mapper
  • Context Mapper – Visual Studio Marketplace
  • structurizr
  • mermaid