SuperAPI AI 工具集
合作ENAI 行业资讯收藏
全部工具AI设计工具MermaidViewer

MermaidViewer

MermaidViewer 是一款免费的在线 Mermaid 图表查看器与实时编辑器。用户可以直接粘贴或输入 Mermaid 代码，图表即时渲染，并支持导出 PNG。网站提供 AI 助手，能用自然语言描述生成图表、编辑现有图表或一键修复语法错误。支持全部 22 种以上 Mermaid 图表类型（Mermaid v12），具备自动补全、语法高亮、查找替换、分享链接与 iframe 嵌入等功能。免费版无需注册即可使用，图表默认在浏览器本地渲染并自动保存，注重隐私。免费版可导出带水印的 1× PNG，并提供 3 个保存图表和 5 次 AI 使用额度；Starter 和 Pro 方案提供更高的导出分辨率、无水印、更多 AI 对话次数以及 JPG、SVG、PDF 导出等高级功能。

访问官网

工具介绍

用途

MermaidViewer 是一款面向“以代码画图”用户的在线工具，适合那些更愿意输入文字而非拖拽图形框来创建图表的人。它将 Mermaid 语法的实时渲染、编辑、AI 辅助生成与修复、导出和分享集成在一个界面中，无需安装软件，打开浏览器即可使用。

主要能力

  • 实时预览：在编辑器中输入或粘贴 Mermaid 代码，图表会随着输入实时重新渲染，错误信息会指明具体行号。
  • AI 图表助手：用自然语言描述图表需求（例如“sequence diagram for OAuth login with refresh tokens”），AI 会生成有效的 Mermaid 代码并流式写入编辑器。还可以用自然语言要求修改图表（如“add a cache layer”“make error paths red”）、获取图表的通俗解释，或一键修复解析器语法错误。
  • 支持的图表类型：涵盖全部 22 种以上 Mermaid 图表类型，基于 Mermaid v12，包括流程图（Flowchart）、序列图（Sequence Diagram）、类图（Class Diagram）、状态图（State Diagram）、实体关系图（ER Diagram）、甘特图（Gantt Chart）、饼图（Pie Chart）、思维导图（Mindmap）、时间线（Timeline）、Git 图（Git Graph）、用户旅程图（User Journey）、象限图（Quadrant Chart）、桑基图（Sankey Diagram）、XY 图表（柱状图与折线图）、需求图（Requirement Diagram）、C4 图、块图（Block Diagram）、数据包图（Packet Diagram）、看板（Kanban）、架构图（Architecture Diagram）、雷达图（Radar Chart）、矩形树图（Treemap）等，并支持最新 Mermaid 版本新增的类型。
  • 导出能力：所有方案均可导出 PNG 并将图像复制到剪贴板。免费版为 1× 且带水印；Starter 版提供 2×、3×、4× 无水印 PNG；Pro 版提供 6×、8×（最高 8×）PNG 或 JPG，并增加 JPG、矢量 SVG 和矢量 PDF。
  • 分享与嵌入：无需账户即可生成可编辑的分享链接，或发布只读页面并通过 iframe 嵌入。嵌入的 iframe 始终显示最新保存的版本，更新后所有嵌入位置自动同步。免费版和 Starter 版嵌入带小徽章，Pro 版无徽章。
  • 键盘友好：提供自动补全、语法高亮、查找与替换，以及保存、导出和 AI 功能的快捷键。
  • 多设备支持：响应式编辑器，在手机和平板上支持平移、双指缩放和全屏预览。
  • 隐私默认：图表在浏览器中渲染并自动保存到本地。除非用户主动保存，否则不会存储任何内容。使用 AI 功能时，图表文本会发送给 AI 提供商。
  • 模板库：提供 30 多个可直接编辑的 Mermaid 模板，覆盖软件、产品和业务场景，例如用户登录流程图、OAuth 2.0 授权码流程、微服务架构、电商数据库 ER 图、项目路线图甘特图、CI/CD 流水线等。

使用方式

  1. 编写或粘贴代码：打开编辑器，输入 Mermaid 语法，粘贴来自 README 的代码，或从模板开始。
  2. 预览与调整：图表实时更新，可平移、缩放、切换主题，或让 AI 助手帮你编辑。
  3. 导出或分享：下载 PNG（免费版 1× 带水印，Starter 最高 4×，Pro 最高 8×；JPG、SVG、PDF 为 Pro 功能），也可以复制 Markdown 或分享链接。

免费版无需注册，打开编辑器即可开始输入，工作内容自动保存在浏览器中。如需将图表保存到云端、在文件夹中整理并跨设备访问，则需注册账户。

适用场景

  • 在 README、文档或网页中快速生成和预览 Mermaid 图表。
  • 软件架构、数据库设计、项目计划、流程图、序列图等开发与产品场景。
  • 需要 AI 辅助从自然语言生成图表或修复语法的用户。
  • 希望将图表嵌入网站或文档并保持自动更新的场景。
  • 不想安装软件、不想拖拽画图的用户。

限制

  • 免费版仅可保存 3 个图表，AI 使用次数总计 5 次（终身额度，非每日刷新），PNG 导出为 1× 且带水印，仅支持 1 个公开分享链接，无版本历史。
  • Starter 方案（$6.99/月 或 $69.90/年，约省 17%）包含 30 个保存图表、每月 500 次 AI 对话、无水印高清 PNG（最高 4×）、无限分享、30 个版本历史。
  • Pro 方案（$11.99/月 或 $119.90/年，约省 17%）包含无限图表、全部格式（PNG、JPG、PDF、SVG）、高级分享与查看统计、100 个版本历史、个人笔记与注释、优先支持。
  • JPG、SVG 和 PDF 导出仅在 Pro 方案中提供。
  • 更高分辨率（6×、8×）仅在完整编辑器的 Pro 方案中提供，转换器页面仅提供 1×–4×。
  • 未注册时数据仅存于浏览器本地存储；注册后保存的图表默认私密，除非用户明确设为公开。
  • 使用 AI 功能时图表文本会发送至 AI 提供商。

同类工具

查看分类