Mermaid是一个多义词，直译为美人鱼，但在绘图的语境下，Mermaid是一个专有名词，是一种基于文本的图表生成工具，通过简洁的代码语法（类似Markdown）快速绘制流程图、时序图、思维导图等。

各种AI工具兴起之后，尽管不是所有AI工具支持绘图，但绝大部分AI工具都支持生成Mermaid代码这种“中间形态”的文本内容，得到Mermaid代码后，再借助Mermaid编译器或渲染工具，将Mermaid代码一键转换为对应的可视化图形。

那问题来了，AI工具生成的Mermaid代码，如何快速生成流程图呢？有哪些好用的Mermaid编辑器或渲染工具？这篇文章逐一为大家答疑解惑。

Mermaid代码如何生成流程图？

想把AI工具生成的Mermaid代码，一键生成流程图，离不开Mermaid编译器。Mermaid编译器对初学者学习成本较高，如果不想去深究Mermaid代码的语法，更建议使用智能渲染Mermaid代码的AI工具，譬如AI绘图工具boardmix，其内部集成了AI流程图智能体，支持粘贴Mermaid/PlantUML代码，一键渲染为可视化的流程图，方便又快捷！

想要基于AI智能体将Mermaid代码生成流程图，可跟着下面的步骤操作：

在浏览器打开AI绘图软件boardmix的首页，如下图，点击左侧“在线使用”，进入boardmix工作台。

点击boardmix工作台的“AI一键生成流程图”，打开boardmix AI流程图智能体。

首次唤醒AI生成流程图智能体，它会弹出下边的指引，智能体支持直接生成流程图、时序图、甘特图或组织架构图，同时也支持解析粘贴的Mermaid或PlantUML代码，自动生成可视化的流程图。

Mermaid代码生成的流程图，会置入左侧的boardmix画布中，这里生成的可视化流程图，为完全可编辑的状态，你可以直接修改流程图文本或节点的位置。

用鼠标框选整个流程图，点击上方浮窗工具栏的“流程图主题”，从boardmix内置的流程图主题中任选一个主题，可一键更换流程图的外观样式。

Mermaid在线编译器有哪些？

除了使用AI智能体，有些朋友可能倾向于使用Mermaid编译器，将Mermaid代码直接渲染为视觉化的图表，在这方面也有对应的工具可供使用——Mermaid在线编译器。

Mermaid Live Editor是一款Mermaid在线编译器，既可以在线使用，也可嵌入第三方软件中使用，基于AI绘图软件boardmix的开放性，可将Mermaid Live Editor在线嵌入boardmix，实现在boardmix画布将Mermaid代码一键转为流程图。

使用Mermaid在线编译器渲染代码的步骤如下：

在boardmix画布粘贴Mermaid Live Editor首页地址，选择预览视图，将Mermaid Live Editor嵌入boardmix画布中。

将鼠标指针置于预览窗口的右下角，长按拖拽，拉大整个Mermaid Live Editor的显示窗口。

Mermaid Live Editor窗口左侧是编辑代码的窗口，把AI工具生成的Mermaid代码粘到Mermaid Live Editor左侧面板，在右侧就能实时看到渲染后的流程图。

以上就是本次想和各位分享的所有内容，希望能帮到有需要的朋友。如果你有其他疑问，或是想进一步了解的内容，欢迎在下方的评论区留言，我们一起交流探讨。