对比
excalidraw-diagram vs drawio-diagram:手绘还是正式?
都是小帅同学(xstongxue)做的 AI 图表 skill,但输出感觉天差地别。Excalidraw 草图非正式,Draw.io 精确懂 ML。决策对照。
excalidraw-diagram 和 drawio-diagram 都来自 小帅同学 / @xstongxue,住在同一个 skill 合集里。 解决重叠的问题,用相反的美学。
并排对比
| excalidraw-diagram | drawio-diagram | |
|---|---|---|
| 输出格式 | .excalidraw JSON | .drawio XML |
| 美学 | 手绘、草图感 | 干净、正式 |
| 在哪里编辑 | Excalidraw、Obsidian、VS Code | app.diagrams.net、VS Code、Confluence |
| 受众信号 | ”正在思考" | "架构文档” |
| 懂 ML 的形状 | 不 | 是(attention head、conv 层、残差连接) |
| 风格迁移 | 不 | 是——给参考图,匹配它的风格 |
| 最适合 | README、内部文档、研究笔记 | 论文、架构文档、正式规格 |
excalidraw-diagram — 手绘感
输出 .excalidraw JSON,Excalidraw、Obsidian 的 Excalidraw 插件、VS Code 扩展
都用这个格式。美学是有意的草图感——波浪线、手写感、不完美的魅力。
什么时候用:
- 受众是团队 / 未来的自己。
- 图传达”正在思考”,不是”已完成”。
- AI 第一遍后你会手动迭代。
drawio-diagram — 正式精确
输出标准 .drawio XML。干净线条、精确对齐——学术论文和技术文档的视觉语言。
两种模式:
- 从零生成——描述模型架构得到图。懂 ML:知道怎么画 attention head、 卷积、残差连接。
- 风格迁移——给参考图(比如你喜欢的某篇论文里的图)+ 你的内容。 输出按参考图视觉风格走。
什么时候用:
- 图要进论文、正式文档、给利益相关者的演示稿。
- 跨多张图视觉一致性重要(先做一张迁移风格,套到全部)。
- 描述 ML 架构、需要正确的形状词汇。
30 秒决策
README / 内部团队文档? → excalidraw-diagram
学术论文配图? → drawio-diagram
随性研究笔记? → excalidraw-diagram
跨 N 张图保持视觉一致? → drawio-diagram(风格迁移)
要调性而非精确? → excalidraw-diagram
要精确而非调性? → drawio-diagram
ML 架构(attention / conv 等)? → drawio-diagram(懂 ML 形状)
流水线:论文配图三件套
一篇典型 ML 论文的正确图示组合:
- drawio-diagram 做模型架构总览(正式、懂 ML)。
- mermaid-tools 做算法流 / 伪代码相邻图 (Markdown 渲染 PNG)。
- excalidraw-diagram 做引言里的”现有方法的问题”概念草图。
同一篇论文、三种词汇——每张图传达对应章节的正式度。
延伸阅读:AI 图表 skill 三选一指南