说实话，以前每次要画技术架构图或者流程图的时候，我的内心dou是拒绝的。打开 Visio 或者 ProcessOn，一个个拖拽矩形框、调整连线、对齐文字，为了好kan还得折腾半天配色。这哪里是在写代码，简直是在Zuo美工，而且还是那种效率极低的手工美工。但Zui近，我发现了一套全新的玩法，彻底改变了我的工作流。

你敢信吗？上面这些kan起来复杂专业的技术图表，AI 生成它们甚至用不了一分钟。而且Zui让我心动的一点是这些图全dou是基于“文本绘图”逻辑生成的。这意味着什么？意味着所有的图表本质上dou是代码或者文本，我们Ke以随时进行二次编辑、手动微调，再也不用担心 AI 瞎画导致的细节错误，真正保证了产出的高质量。

今天我就把这套压箱底的技巧毫无保留地分享出来。不管是流程图、时序图，还是复杂的系统架构图，kan完这篇文章，你会发现原来画图也Ke以这么“爽”。

一、 核心逻辑：为什么“文本绘图”是程序员的解药？

在正式开始之前，我得先聊聊为什么我这么推崇“文本绘图”。对于咱们写代码的人来说图形界面虽然直观，但在批量修改和版本控制上简直是灾难。而文本绘图，比如 PlantUML、Mermaid 或者 Graphviz，它们把图变成了代码。

这种方式的威力在于：你描述逻辑，工具负责渲染。当 AI 介入后这个过程变成了：你告诉 AI 逻辑，AI 帮你写代码，工具负责渲染。这简直是天作之合！我们不再需要关注“怎么把线画直”，而是专注于“逻辑对不对”。而且，因为生成的dou是文本代码，Ru果 AI 哪里理解错了或者你想加个节点，改几行代码就行，完全不需要像在传统画图软件里那样痛苦地拖拽。

二、 工具选择：Cursor + Claude 的神仙组合

既然决定用 AI 画图，第一步就是选对“枪”和“子弹”。市面上大模型那么多，ChatGPT、DeepSeek、Claude、Grok 我dou试了一圈。Zui后我锁定了通过 Cursor 调用 Claude 3.5 Sonnet 的 Thinking 模式。

为什么是它？简单来说就是“白嫖”且效果Zui稳。Cursor 对代码生成的支持非常友好，而 Claude 在理解复杂的架构逻辑和生成结构化代码方面目前kan来还是第一梯队的。这个组合NengZui大程度地减少你手动调整 Prompt 的次数，基本上一次就Neng出个七八分像样的结果。

三、 场景实战：四种 AI 绘图流派

针对不同的技术场景，我了四种Zui实用的方式。咱们一个个来kan，别眨眼。

1. PlantUML：线性流程与时序图的王者

Ru果你要画的是那种按部就班的流程，或者强调服务间交互的时序图，PlantUML 绝对是首选。它的语法非常严谨，AI 生成起来几乎不出错。

举个例子，咱们拿一个经典的“账号密码登录流程”来练手。以前画这个得想半天箭头怎么指，现在？直接把逻辑扔给 AI。

我们Ke以先梳理一下文字逻辑：

↓
↓
↓
↓
↓
↓
↓
↓
↓
↓

把这段文字丢给 Cursor，告诉它：“用 PlantUML 画一个登录流程图，包含上述步骤”。不到一分钟，结果就出来了。

当然AI 第一次生成的文案可Neng不够精准，或者有些术语不够规范。这时候，文本绘图的优势就体现出来了——直接修改生成的 PlantUML 代码，把“校验用户”改成“Check User Status”，把“返回 Token”改成“Response JWT”，分分钟的事。这就是我坚持的原则：必须Neng手动改，才Neng保证图的专业度。

2. Mermaid：轻量级的文档好帮手

Mermaid 和 PlantUML 有点像，但geng轻量，hen多 Markdown 编辑器dou原生支持。Ru果你是写技术文档，Mermaid 是不二之选。

它的用法和 PlantUML 类似，也是通过描述生成。比如我让 AI 帮我整理往期的几篇文档结构，它就Neng用 Mermaid 画出一个清晰的思维导图。虽然我个人觉得在表现力上，Mermaid 画的时序图不如 PlantUML 那么精致，但在快速展示简单逻辑时它真的hen好用。

3. Graphviz：处理复杂非线性关系的利器

当你的图不再是简单的“从上到下”或“从左到右”，而是充满了各种网状依赖、复杂的状态机时Graphviz 就该登场了。它特别适合画那种稍微复杂一点、非纯线性的流程。

不过Graphviz 有个让人头疼的地方：它的布局算法有时候会“脑抽”。比如有时候它会莫名其妙地在图里画个黑块，或者把节点排得乱七八糟。

别急，这正是展示我们“二次编辑”Neng力的时候。比如 AI 生成的 Graphviz 代码里有个黑块，我们Ke以在代码里找到对应的节点，手动调整它的属性，或者干脆删掉。经过稍微调整后原本混乱的图就Neng变得井井有条。这种“AI 生成初稿 + 人工微调”的模式，比纯手画快了不知多少倍。

4. AI + draw.io：架构图的终极解决方案

这是我个人认为Zui适合画架构图的一种方式，也是我目前用得Zui多的组合。

draw.io大家应该dou不陌生，开源、免费、功Neng强大。但它的缺点是手动拖拽太累。而它的优点是支持 XML 格式导入。这就给了我们可乘之机：让 AI 直接生成 draw.io Neng识别的 XML 代码，然后我们直接粘贴进去，图就自动渲染出来了！

这里有个小技巧，实测有效：在使用 AI 生成时Zui好给一张示例架构图，然后让 AI 模仿其风格，或者通过语言详细描述你希望的风格样式。这样出的图才会比较理想。

另外有个坑得提醒大家。我在实测的时候发现，Ru果让 AI 生成一个 .xml 文件下载，再导入 draw.io，有时候不会自动渲染。我的解决办法是：告诉 AI “不要把内容写到文件里直接输出 XML 代码块”。然后我们点击代码块右上角的复制，直接粘贴到 draw.io 的画布上。嘿，神了图直接就出来了！

比如我想画一个微服务架构图，技术栈区域下方有点空。我甚至Ke以用截图工具截个图，直接粘贴到 Cursor 的输入框里圈出那个空白区域，告诉 AI：“这里加个消息队列组件”。AI 会理解图片内容，然后重新生成一段 XML，你geng新一下图就改好了。这种交互方式，简直不要太爽。

四、 进阶技巧：如何让 AI 画出你脑子里的图？

工具有了方法也有了怎么才Neng让效果geng上一层楼？这里有几个我平时常用的“骚操作”。

1. 善用“示例驱动”

AI hen笨，也hen聪明。你光说“画个好kan的架构图”，它可Neng给你画个火柴人。但Ru果你给它一张参考图，或者给它一段标准的 Graphviz 代码作为 Few-Shot提示，它就Neng模仿那个风格。

比如你Ke以先在 Cursor 的设置里添加一个项目级别的 Rule，告诉它：“你是一个专业的技术图表生成器，请将以下描述转化为节点-边图结构，风格要模仿现代极简主义。” 这样，每次生成的图dou会保持一种风格，不会乱七八糟。

2. 截图交互，精准打击

刚才提到了Cursor 支持直接读取图片。当你觉得 AI 画的图哪里不对劲，别费劲打字描述了直接截图，用框框圈起来写上“把这个节点移到左边”或者“把这个颜色改红”。AI Nengkan懂你的意图，直接修改代码。这比纯文字描述效率高太多了。

3. SVG 与海报设计

除了技术图，有时候我们需要Zuo点高大上的 SVG 海报或者技术分享封面。这时候，我们Ke以把 AI 设定为“SVG 海报设计专家”。

你Ke以给 AI 一个非常详细的 Prompt，比如：“你是一名专业的图形设计师，精通 SVG 技术。请根据以下主题设计一张海报，风格要极简主义，配色要和谐，文字要简体中文...” 甚至Ke以要求它使用 COT方法，先分析主题，再构思设计，Zui后生成代码。虽然 AI 生成的 SVG 可Neng不如专业设计师那么有艺术感，但用来Zuo技术博客的配图，绝对是绰绰有余，而且还是矢量图，无限放大不失真。

五、 ：从“画图工”到“架构师”的蜕变

过去，hen多程序员喜欢基于 Mermaid 或 PlantUML 代码来绘制流程图，而不采用传统的绘图软件，主要是出于两方面的考虑：其一，绘制的流程图可直接嵌入 Markdown 格式的说明文档中；其二，它Ke以让人专注于流程图的内容，效率比手动拖拽高得多。

而现在AI 的加入将这种效率提升到了一个新的维度。我们不再需要去记那些繁琐的绘图语法，不再需要去纠结节点的对齐和布局。我们只需要Zuo两件事：梳理逻辑 和 核对调整。

基本上，只要你Neng把业务逻辑或者技术架构用文字说清楚，使用上面提到的这些方式，通过 AI 画图就是分分钟的事情。我们要Zuo的，只是Zui后核对一下逻辑，调整一下细节样式。具体样式的话见仁见智，大家找到自己喜欢的风格即可。

这套组合拳——AI + draw.io，以及 PlantUML / Mermaid / Graphviz 的灵活切换，基本上覆盖了程序员 90% 的绘图场景。以后无论是生成原型图、设计海报，还是程序员常画的架构图、流程图、UML 类图等等，dou是洒洒水的事~

Ru果你有其他geng好用的画图方式，或者在使用过程中遇到了什么有趣的问题，欢迎在评论区交流。毕竟技术这东西，只有互相分享才Neng进步得geng快。下期再见，拜拜！👋🏻

---