架构师必须掌握的画图工具draw.io、文本绘图（PlantUML）（架构图、UML图、流程图、时序图）

架构师必须掌握的画图工具，时序图、架构图、各种UML图轻松掌握

架构师必须掌握的画图工具draw.io、文本绘图（PlantUML）（架构图、UML图、流程图、时序图）

背景：

hi，大家好，

今天，我将为大家解锁两种强大易用的画图工具，助你在架构设计之路上乘风破浪、披荆斩棘。

首先是draw.io，这款在线绘图工具以其丰富的预设模板和强大的定制能力深受广大技术人群喜爱，无论是绘制复杂的系统架构图还是精巧的UML类图，都能游刃有余。既支持在线画图，也支持离线画图！

其次，我们还将探讨语雀中的文本绘图工具，特别是支持PlantUML语法的特性，让你可以通过简单的代码就能描绘出专业美观的架构和设计图，充分体现了“码即是图，图亦是码”的理念。

一、draw.io

咱还是直接进入官网来学习

官网地址：https://www.drawio.com/

0.官网介绍

No login or registration required.

1.下载

在线使用：点击Start Now

离线使用：下载app，安装，点击download

2.模板使用

https://www.drawio.com/example-diagrams

我们直接看UML图

2.1点击图形，进入编辑界面

2.2点击download，下载图形：文本重命名，即可

2.3点击文字，进入帮助文档：其实，不看，随便多点点，也就会了，很简单

咱们一起简单阅读下：

3.功能介绍

Drawing sequence diagrams in draw.io

the left panel：左边的面板

enable：启用

Apply：应用

Lifelines（生命线）: Drag the end of a lifeline to lengthen or shorten it. There are several types of lifelines in the UML shape library.

激活框放到生命线上：咱直接看演示动画就可以了，不用读英文描述了

带消息连接器的激活框

二、语雀的文本绘图（PlantUML）

https://www.yuque.com/yuque/gpvawt/qm77xq

文本绘图是语雀提供的一种语法绘图，通过一些特定的语法快速绘制出你需要的流程图、甘特图等。

PlantUML 是一个开源项目，支持快速绘制时序图、用例图、类图、活动图、组件图、状态图、对象图、部署图等。同时还支持非 UML 图的甘特图、架构图等。

https://www.yuque.com/dashboard/books

0.模板使用

有很多文档中，自带各种图形，可以供你选择。

1.文本绘图

2.进阶用法

时序图的语法：

https://plantuml.com/zh/sequence-diagram