The article body for this language is not available yet; showing the other language.
Blog & updates无需手动拖拽,无需写 TikZ 代码——只需用自然语言描述你想画的图,DrawFig 的 AI 对话功能就能秒出论文级矢量图。本文通过 5 类学术常用图(图论图、算法流程图、系统架构图、树形图、二分图),完整演示 AI 对话绘图的全场景应用。
| 描述方式 | 示例 | 效果 |
|---|---|---|
| 明确节点和边 | "6个节点,节点1连2、3,节点2连4、5" | ✅ 精确生成 |
| 描述图的类型 | "画一个完全二部图 K(3,4)" | ✅ 自动识别图类型 |
| 描述语义结构 | "客户端→负载均衡→三台后端服务器,每台服务器连一个数据库" | ✅ 自动推断拓扑 |
| 模糊描述 | "画个图" | ❌ 需要更多上下文 |
画一个有向加权图:
节点:A B C D E
边(带权重):A→B(4) A→C(2) B→C(1) B→D(5) C→D(8) C→E(10) D→E(2)
节点用圆形,边上显示权重
AI 输出: 7条边的有向加权图,节点自动布局,权重标注在边中部。
导出为 TikZ(示意):
\begin{tikzpicture}[
node distance=2.5cm,
vertex/.style={circle, draw, minimum size=25pt, font=\small},
edge/.style={->, >=stealth, thick}
]
\node[vertex] (A) {$A$};
\node[vertex, right of=A] (B) {$B$};
\node[vertex, below right of=A] (C) {$C$};
\node[vertex, right of=C] (D) {$D$};
\node[vertex, right of=B] (E) {$E$};
\draw[edge] (A) -- node[above] {4} (B);
\draw[edge] (A) -- node[left] {2} (C);
\draw[edge] (B) -- node[above] {1} (C);
\draw[edge] (B) -- node[above] {5} (D);
\draw[edge] (C) -- node[below] {8} (D);
\draw[edge] (C) -- node[below] {10} (E);
\draw[edge] (D) -- node[right] {2} (E);
\end{tikzpicture}
提示: 如果 AI 生成的布局不理想,可以继续输入"把节点 C 移到 A 和 D 之间",AI 会局部调整,不会重新生成整图。
画一个 BFS 算法流程图:
开始→初始化队列(加入起点)→队列是否为空?
是→结束
否→取出队首节点→标记已访问→遍历所有未访问邻居→将邻居加入队列→返回"队列是否为空"步骤
菱形表示判断,矩形表示操作,圆角矩形表示开始/结束
关键技巧: 明确说明形状类型,AI 会自动映射到对应的图形符号,符合流程图国际标准(ISO 5807)。
生成结果特点:
- 自动计算节点间距,不会重叠
- 判断节点自动生成"是/否"分支标签
- 循环箭头自动弯曲,不会与其他边交叉(通常情况下)
画一个三层系统架构图:
第一层(展示层):Web浏览器、移动端App
第二层(服务层):API网关、认证服务、业务逻辑服务(3个)
第三层(数据层):MySQL、Redis、消息队列
层与层之间用向下的箭头连接,同一层的组件用虚线框圈起来
生成结果: DrawFig 会自动:
1. 将同层节点对齐排列
2. 给每层加上虚线边界框(\draw[dashed])
3. 跨层连线不穿过节点
这种描述方式比手动在 draw.io 里逐个拖拽快 5 倍以上。
画一棵二叉搜索树,按顺序插入:50 30 70 20 40 60 80
节点用圆形,自动计算层次布局
AI 会正确推断出插入顺序对应的 BST 结构,并以标准的二叉树层次布局展示:
50
/ \
30 70
/ \ / \
20 40 60 80
注意: 对于复杂树(深度 > 5),建议分段描述,先生成根和前两层,再追加叶节点,避免 AI 在拥挤布局上出错。
画一个二分图:
左侧节点:工人A 工人B 工人C
右侧节点:任务1 任务2 任务3 任务4
边:A-1 A-2 B-2 B-3 C-3 C-4
用不同颜色高亮匹配边:A-1 B-3 C-4(红色加粗)
生成结果: AI 自动将左右两组节点分列排布,匹配边用红色加粗显示,非匹配边保持默认样式——这是 TikZ 手写起来比较繁琐的效果,AI 对话一句话搞定。
.tex 文件中,放入 figure 环境:
\begin{figure}[htbp]
\centering
% 粘贴 DrawFig 导出的 TikZ 代码
\caption{BFS 算法流程图}
\label{fig:bfs-flowchart}
\end{figure}
\tikzset{every node/.style={font=\small}})
- 图宽是否符合期刊模板(单栏约 88mm,跨栏约 183mm)
| 图类型 | 为何不适合纯 AI 生成 | 建议 |
|---|---|---|
| 含精确坐标的几何图 | AI 对空间坐标的控制不够精确 | 先 AI 生成结构,再手动微调坐标 |
| 超过 20 个节点的大图 | 布局容易拥挤,可读性差 | AI 生成子图,手动拼接 |
| 含数学公式的节点标签 | 复杂公式需要 LaTeX 精确控制 | AI 生成图结构,手动替换标签 |
| 定制化极强的可视化图 | 风格要求与默认样式差异太大 | 以 AI 生成为骨架,深度手改 |