场景
ML 论文配图全套：架构 → 流程 → 草图 → 封面
ML / CS 论文配图 4-skill 流水线——Drawio 画正式架构图、Mermaid 出算法流、Excalidraw 做概念草图、Canvas Design 做封面 hero 图。
流水线
一篇 ML 或系统论文大约有四种配图，每种正式度不同。一个工具全做会视觉疲劳。 这条 stack 一种图一个 skill。
Step 1：架构图（正式、懂 ML）
用 drawio-diagram（作者
xstongxue）。输出 .drawio XML——
在 app.diagrams.net 里能开、永远可编辑。skill 懂 ML：知道怎么画
attention head、conv 层、残差连接、归一化等常用形状。
如果想视觉风格匹配某篇参考论文，用风格迁移：给它参考图截图 + 你的内容， 输出按参考风格走。
Step 2：算法流 / 伪代码相邻
用 mermaid-tools。在 Markdown 草稿里用 Mermaid 语法写流程，编译 PDF 时渲染 PNG。输出整洁、技术感、可重现—— 审稿人让你调一步，你秒渲染。
Step 3：概念草图（引言部分）
引言里”现有方法的问题”这种插图工作不同于架构图——它要传达正在思考， 不是已完成系统。用 excalidraw-diagram—— 它的手绘感让图读作概念而非定论。
Step 4：Hero / 封面图
如果论文要发 arXiv 且要带 hero 图（越来越多 ML 论文想 Twitter 传播），用 canvas-design。一个编辑感构图——论文标题、 你方法的标志性视觉、单一强调色。这是别人发推时附带分享的图。
同一篇论文，三种词汇
要点是每张图传达对应章节的正式度。架构（正式）和概念草图（探索性） 需要不同工具，因为它们在不同信心等级上表达。
变体
- 系统论文：Step 1（drawio 偏 ML）换成 drawio 通用架构模式 （仍能用，只是 ML 专属形状少）。
- 理论论文：跳过 Step 4（无 hero 图），加重 Step 2（更多流 / 伪代码）。
- 论文的演讲稿版：把输出喂给 pptgen-drawio，
它原生导入
.drawio文件。
这条流水线不做什么
- 3D 模型可视化：三个都不处理 3D。需要自定义 Three.js 或 Manim。
- 交互式配图：给在线补充材料，单独写一份交互 HTML，用 web-artifacts-builder。
这套 stack 覆盖了 2026 年 ML / CS 论文的标准视觉词汇。