不只是文本框，还是一块画布
可视化标签页是叠加在渲染结果之上的真正编辑器：点击节点即可选中，双击可直接重命名，拖动任意位置即可平移画布。
点击即可搭建添加节点，画出箭头指向另一个节点，再给箭头加上标签 —— 开始之前无需记住任何语法。
选择形状14 种 mermaid 流程图形状 —— 决策菱形、数据库圆柱、子程序等，一个选择器全部搞定。
随心配色8 种预设颜色加自定义取色器，可应用于单个节点或整片区域。
Mermaid 在线编辑器， 可视化绘图与代码，一处搞定
大多数 mermaid 编辑器只提供一个文本框和一个预览区。这一款还给你一块画布：点击添加节点，拖拽画箭头，把内容分组到区域中 —— mermaid 代码会自动生成。切换到代码标签页手动编辑，画布也会同步更新。
输入即渲染
真正的 mermaid 引擎，停止输入几百毫秒后自动重新渲染。
代码与画布同步
编辑任意一侧，另一侧自动跟进 —— 无需在两个工具间来回复制粘贴。
14 种节点形状
矩形、圆角矩形、胶囊形、圆形、菱形、数据库、六边形等，一键切换。
免费，无需注册
无试用期、无水印 — 编辑器即开即用。只有需要多个图表时才需登录。
Mermaid 代码始终属于你
代码标签页就是纯 mermaid 语法 —— 与 GitHub、GitLab、Notion、Obsidian 已经支持渲染的语法完全相同，不涉及任何专有格式。
手写代码直接输入 mermaid 代码，实时查看渲染效果。还提供 6 个现成示例作为起点。
双向转换粘贴进来的流程图会被解析回画布 —— 节点、形状、颜色、子图全部还原。
支持所有图表类型流程图、时序图、类图、状态图、ER 图、甘特图、Git 图、饼图 —— mermaid 支持的图表类型，预览区都能渲染。
大型图表依然清晰易读
架构图很快就会超出一屏范围。平移、缩放和分组功能正是为此而生，而不是与之对抗。
区域与嵌套把节点分组为子图，区域中还可再嵌套区域，一个手势即可移动整个子树。
缩放范围 2% 至 1600%滚动即可平移，Ctrl + 滚动可缩放，一键即可重新居中。
边编辑边保存编辑时图表会自动保存在浏览器中。登录后会保存到你的账户，并在任何设备上跟随你。
导出即用，无需等待
没有任何限制。你可以导出图片、导出源码，或获取一段可直接粘贴进文档的 Markdown 代码块。
无付费墙包括导出在内的所有功能均免费，没有需要升级的付费套餐。
在浏览器中渲染渲染在你的浏览器中完成；不登录时图表绝不离开浏览器，登录后保存的文档可在任何设备上打开。
SVG、PNG、.mmd、.md复制 SVG 代码，下载 2 倍分辨率的 PNG，保存 mermaid 源码，或获取围栏式 Markdown 代码块。
它与 常见方案有何不同
“图表即代码”工具需要你手写所有内容；拖拽式工具给你的只是一张无法做 diff 对比的图片。这款编辑器拒绝二选一。
上手方式
IQ Mermaid: 双击画布即可生成一个节点，语法可以以后再学，甚至完全不用学。
常见工具: 要么先读完语法文档，要么只能使用完全没有文本表示的绘图工具。
输出格式
IQ Mermaid: 纯 mermaid 文本 —— 与 GitHub、GitLab、Notion 原生渲染的格式完全相同。
常见工具: 专有文件格式，只能在生成它的工具中打开。
后续编辑
IQ Mermaid: 修改代码或移动节点都可以，两种方式作用于同一张图表。
常见工具: 只能单向操作：代码优先的工具没有画布，画布优先的工具没有源码。
价格
IQ Mermaid: 免费 — 连邮箱都不需要。
常见工具: 免费额度只能创建几张图表，导出或协作功能需要订阅付费。
数据存放位置
IQ Mermaid: 保存在你的浏览器中；若希望在任何设备上跟随你，可保存到账户。
常见工具: 绑定在别人服务器上的账号中，你的图表都挂在这个账号下。
Mermaid 编辑器 常见问题
开始使用只需打开这个页面。
什么是 mermaid？
Mermaid 是一种用于绘制图表的文本语法：用几行文字描述节点和箭头，渲染器就能画出图形。GitHub、GitLab、Notion 和 Obsidian 都能在 Markdown 中渲染它，因此 mermaid 代码块在 pull request 或 wiki 页面中依然清晰易读。
这个 mermaid 编辑器真的免费吗？
是的。包括 SVG 和 PNG 导出在内的所有功能都免费，你无需创建任何东西即可使用编辑器。可选的免费账户会增加保存的图表数量并支持设备间同步 —— 没有付费套餐，也没有任何功能被保留。
我需要了解 mermaid 语法吗？
不需要。从可视化标签页开始：双击画布添加节点，选中后拖出箭头连接另一个节点。mermaid 代码会自动生成，想学语法时随时可以查看。
支持哪些图表类型？
代码标签页可以渲染 mermaid 支持的所有类型 —— 流程图、时序图、类图、状态图、实体关系图、甘特图、Git 图、饼图等等。可视化画布则专门用于编辑流程图，这也是最常见的图表类型。
可以导出为 PNG 或 SVG 吗？
可以。你可以把 SVG 代码复制到剪贴板、下载 SVG 文件，或下载适合幻灯片和文档使用的 2 倍分辨率 PNG。也可以把 mermaid 源码保存为 .mmd 文件或围栏式 Markdown 代码块。
我的图表保存在哪里？
不登录时，你的这一个图表保存在浏览器中，回到同一台设备时它就还在。登录后会保存到你的账户，也可以在其他设备上打开。想要自己的副本时，导出源代码即可。
可以粘贴已有的 mermaid 图表吗？
可以。把它粘贴到代码标签页即可；流程图会被解析回可视化画布，节点、形状、颜色和子图都会完整保留。其他类型的图表会在预览区渲染，但只能以代码形式存在。
可以离线使用吗？
渲染完全在浏览器中进行，页面加载后编辑器无需联网也能继续使用。
打开编辑器。 免费 — 无需注册。
空白画布、代码标签页和所有导出选项 —— 现在就能在浏览器中免费使用。