*如何用任何 AI 工具快速生成专业的流程图、思维导图、饼图、时间轴、折线图……
👇👇👇
-----------
把一份论文发给 AI,然后告诉它,帮我根据这份文档做一份详尽的思维导图,它会给我这段代码,只要我复制、粘贴,就生成了。同样的方式,我也可以制作饼图、折线图、甘特图、桑基图、流程图等等。这大概是过去这段时间 AI 对我最大的帮助了,并且我还顺便学会了一种新的、当然比较简单的编程语言——Mermaid。我还可以把它导入到我常用的绘图工具 Draw.io 当中,或者直接导入 Notion、Obsidian 这些工具里。最重要的是,整个过程完全免费,而且非常简单,所以,相信你也能学会!过去几年我一直在研究使用视觉图形来帮助思考和表达,并且也一直在践行。它的范畴远远超出了思维导图。然后最近 AI 不是很厉害了么,你肯定也看到过这种秒速做思维导图的产品。所以我就在想,我平常做的这些图,能不能也直接让 AI 帮忙做了?像 AI 生成思维导图,大概率是由 AI 先生成 Markdown 语法格式的代码,然后再转成思维导图的。比如你可以借助像 markmap 这样的免费工具,左边写 Markdown,右边实时生成。但要是不想自己动手或者想更快一些,那你也可以直接让任何一个聪明点儿的 AI 帮你生成 Markdown 语法格式的代码,然后粘贴到 markmap 里边儿,瞬间生成复杂、专业的思维导图,像这样。那同样的思路,可不可以让 AI 也帮我生成 Markdown 或者其他什么语法格式的代码,然后我直接导入到绘图工具里做成各种样式的图表呢?这么想我就我打开Draw.io,在插入当中看到一种叫做 Mermaid 的语法格式,结果一搜,孤陋寡闻了,原来不少程序员和极客都在用 Mermaid 来制作各种视觉图形,而且 Mermaid 自己有专门的官网和文档,用起来和 Markdown 还挺像的。首先我们在官网的 Docs 当中找到相应的文档。在左边 Diagram Syntax (语法)当中可以找到基本所有的图示类别和相应的语法教学、代码示例。看起来都很复杂对吧?但不要紧,这一次要学这些东西的是 AI 而不是你。以这里的思维导图 Mindmaps 为例,在右边就可以找到代码示例,直接点击复制就可以了。然后我们进入你正在使用的 AI 工具,比如 ChatGPT,我想做一个关于这篇论文的思维导图,那就把论文喂给它,说明需求,并告诉它自己想要一个 Mermaid 格式的导图,把示例代码贴进去。整个格式像这样简单就可以了。AI 生成之后,复制代码,我们在 Mermaid 官网右上角点击 Live Editor 在线编辑器,左边贴进代码,右边就实时生成了。点击下面的 Actions,就可以保存不同格式的图表。你也可以再跟 AI 沟通,把它弄成中文。其实你也可以直接点击下面的 Sample Diagrams 选择不同的样例,然后复制对应的代码给 AI,来生成不同的图。如果你用 Obsidian 或者 Notion ,其实也支持 Mermaid 。以 Notion 为例,输入斜杠,插入代码 code,选择格式为 Mermaid,粘贴代码后,点击 Preview 预览,就搞定了。如果导入到像 Draw.io 这样的绘图工具中,就直接点击「调整图形」-「插入」-「高级」,然后在 Mermaid 中粘贴。好处是,有的图形你可以直接在这里手动修改。同样的方式,你也可以在不懂 Mermaid 的情况下,让 AI 帮你快速生成其他的图,比如告诉 AI 关于 GTD 的细则,然后让它根据这个生成一份流程图,可以说非常精准了,而且基本上一分钟不到。但如果我自己动手做,十分钟起步。现在 AI 工具的使用成本越来越低,很多都免费用,像钉钉的 AI 助理、Kimi 等等你都可以试试。不过最后我还是想再说两个东西。一个是思路最重要,像询问 AI 、提供示例代码,然后生成粘贴,看起来没有人什么事儿,但其实你如何跟 AI 沟通,仍然非常重要。而且同样的思路,AI 也能够做表格、做 PPT,比如 AI 结合一个叫做 Marp 的工具,就能快速做 PPT。
另一个是,Mermaid、Markdown 这样的语法其实并不复杂,用起来很容易提高效率,比如饼图,其实就是标题、项目和属性,而时序图也就是几个简单的指代和符号,整个过程仍然是快速实时生成,并且可以实时修改。比自己手绘要快太多了。
更重要的是,对普通人来说,了解这些东西可以让我们多一些思考和理解 AI、理解工具的角度和方式。让工具回归工具,让你成为你,这里是 Topbook 我们下期再见!