程序员必备技能——AI 画技术图技巧

最新推荐文章于 2025-06-20 09:55:22 发布

原创

最新推荐文章于 2025-06-20 09:55:22 发布 · 1.1k 阅读

CC 4.0 BY-SA版权

文章标签：

Hi，我是松柏。

最近学了一些使用 AI 大幅提升画技术流程图、架构图、各种图能力的技巧，像这样：

这些图全是用 AI 不到 3 分钟画的，而且最重要的一点是，这些都基于文本绘图，也就是说，所有的图都可以手动二次编辑、调整，保证图的高质量。

通过这篇文章我将把所有的作图技巧分享给大家，每种作图方式都有不同的适用场景，不过我个人使用最多的是 AI + draw.io 的方式，废话不多说，点赞收藏，我们直接发车！

既然是 AI 画图，那我们先确定用的工具、哪家的 AI 。我简单对比过 ChatGPT、DeepSeek、Claude、Grok 等等模型，最后选择的是通过 Cursor 使用 claude-3.7-sonnet 的 Thinking 模式，可以白嫖且效果相对最佳。

因为我平时用语雀比较多，所以先来说下语雀中原生支持的几种文本作图方式：PlantUML、Mermaid、Flowchart、Graphviz。

通过左上角的绿色加号下滑可以找到：

不过我本人更喜欢输入/文本唤起：

选中之后就会出现一个输入框，在框的右侧可以选择画图的语言：

他们之间的区别如下：

特性	PlantUML	Mermaid	Flowchart	Graphviz
图形类型	✅✅✅	✅✅	✅	✅✅✅
上手难度	中	低	非常低	高
可定制性	高	中	低	极高
Markdown 集成	一般	原生支持	可接入	支持
社区与生态	强	快速发展	一般	稳定老牌
适合场景	架构设计	项目