流程图

draw(免费)

image.png

image.png

在线地址: https://www.draw.io/

draw.io 离线版: https://github.com/jgraph/drawio-desktop/releases/tag/v14.6.13

快捷键: https://viewer.diagrams.net/#Uhttps%3A%2F%2Fviewer.diagrams.net%2Fshortcuts.svg

shortcuts.svg

适合画泳道图、流程图

processon

https://www.processon.com/

image.png

代码截图网址

carbon.now.sh

画图工具 - 图5

时序图

webchat

image.png

http://webchart.ihuhai.cn/

websequencediagrams(推荐)

image.png

https://www.websequencediagrams.com/

js-sequence-diagrams

image.png
https://bramp.github.io/js-sequence-diagrams/#syntax

\n 换行

typora

代码如下:

  1. ```sequence
  2. Alice->Bob: Authentication Request
  3. note right of Bob: Bob thinks about it
  4. Bob->Alice: Authentication Response

``` image.png

思维导图

Xmind

https://www.xmind.cn/

image.png

MindMaster

https://www.edrawsoft.cn/mindmaster/

image.png

参考

https://juejin.cn/post/6893436635476819982