hello，我是H哥，一直在研究AI以及技术的路上。感兴趣的可以关注我，留意最新消息，同时觉得不错的可以给H哥一个支持，关注点赞转发三联！

今天给大家介绍一款用于设计图表与制表的工具：Mermaid Live Editorg，它是Mermaid的在线编辑器，github上4.6k，非常使用，相对于typora、draw.io这些工具去制作流程图、序列图等等

Mermaid(美人鱼)在线编辑器地址：https://www.mermaidchart.com/app/dashboard

一、关于Mermaid(美人鱼)Liva Editor工具

它是一个基于JavaScript的图标和制图工具，可以呈现受 Markdown 启发的文本定义来动态创建和修改图表。

优点：

--继承Markdown文本：使用 Markdown 风格的文本定义和渲染器来创建和修改复杂图表。

--图表种类多样：可以制作流程图、序列图、甘特图、实体关系图、饼图、思维导图等等。

--提供网页版编辑器：非程序员可操作，无需部署，在网页即可操作；可导出图片格式；可手动编辑修改。

--内嵌AI，制作流程图，但是AI图表生成是有限的。

二、Mermaid(美人鱼)工具的操作

官方文档介绍：https://mermaid.js.org/intro/

1.打开Mermaid图表

Mermaid(美人鱼)在线编辑器地址：https://www.mermaidchart.com/

点击Sign in进行登录

选择其中一个登录方式，有谷歌邮箱直接用谷歌邮箱进行登录（需要梯子，注册谷歌邮箱）

登录成功之后会进入仪表板页面，如果不认识英文的可以用(挂梯子)，然后鼠标右键进行翻译网页成中文（谷歌浏览器操作）

2.仪表板的介绍

创建新的：

--可创建白板：可视化的去手动设计流程图，不可进行mermaid导入

--进行人工聊天：与ai进行对话快速生成流程图、序列图等（免费版有对话限制）

--图表：可根据生成的mermaid语法快速导入，同时可进行编辑操作，生成图片等

--推介会：可结合多个已生成的图表保存后进行演示

--文件夹：新增一个目录空间

项目：图表存放的位置

注意：免费版的只可创建3个图表，超过了可删除再进行创建

根据上面的介绍，应该对Mermaid有了一定的了解了吧。但是如何结合DeepSeek大模型快速去生成流程图这些呢？接下来就开始实操了

deepseek网页版地址：https://chat.deepseek.com/

网页版有时候会提示服务器繁忙，有需要的可以看以下的文章调用deepseek大模型(使用硅基流动平台、本地部署等)

AI工具之 | Cherry Studio的使用，调用DeepSeek(满血版)+搭建本地知识库

Ollama搭建本地AI大模型DeepSeek

三、Deepseek大模型进行生成Mermaid语法

1.进行对话提问得到想到的结果

2.复制mermaid到Mermaid Live Editor

3.导出为图片形式显示

好啦，今天关于工具的分享就到这里啦！如果大家在使用过程中有什么问题，或者发现了其他好用的工具，欢迎在评论区留言交流哦！说不定下一篇文章，就会有你喜欢的呢！