MarkChart – Mermaid Editor 是一款专为 Mermaid 图表预览与编辑打造的 macOS、iPadOS 与 iOS 工具，适合开发者、产品经理、技术写作者和需要用文本生成可视化图表的用户使用。

它围绕 Markdown 风格的 Mermaid 语法提供即时渲染、内置模板、代码编辑、语法高亮和文件快速预览能力，可从空白文档开始编写流程图、时序图、状态图、思维导图、架构图、Wardley 图、Block 图、Venn 图、Ishikawa 图、Treemap 图等多类图表。

软件支持从文件 App 直接查看 .mmd 与 .mermaid 文件，也能将图表导出为 PDF、PNG、SVG，便于嵌入文档、演示稿或开发资料。新版加入可视化编辑器，可点选节点和连线调整形状、填充色、边框色、文字颜色与字号，并提供离线语法文档、画布背景与网格设置、浅色和深色主题、多语言界面及无数据收集的隐私设计。

功能特点

MarkChart – Mermaid Editor 是一款聚焦 Mermaid 图表的编辑、预览与导出工具，让用户用 Markdown 风格文本快速生成结构化图形，并在原生 Apple 平台环境中完成从模板创建、代码调整、视觉定制到多格式输出的完整流程。

  • Mermaid 图表编辑: 可直接在应用内创建和修改 Mermaid 文档，支持从空白文件开始编写，也能打开已有 .mmd 与 .mermaid 文件继续维护，适合将图表纳入技术文档、项目说明和知识库流程。
  • 即时图表预览: 输入 Mermaid 语法后即可查看渲染效果，无需依赖复杂开发环境或额外在线工具，便于边写边检查流程、关系、状态与结构是否符合预期。
  • 内置模板创建: 提供序列图、状态图、流程图等常见图表模板，用户可以快速套用基础结构再按需求修改，降低学习 Mermaid 语法和搭建图表骨架的成本。
  • 可视化节点定制: 新版支持通过点按节点和连线进行视觉编辑，可调整节点形状、填充颜色、边框颜色、文字颜色与文字大小，让文本驱动的图表也能获得更直观的外观控制。
  • 丰富图表类型支持: 支持时序图、流程图、状态图、思维导图、层级图、Event Modeling、Wardley、Block、Venn、Ishikawa、Treemap、TreeView、Radar、ZenUML 和架构图等多种 Mermaid 图表场景。
  • 语法高亮与错误定位: 编辑器提供彩色语法高亮、行号显示、自动换行开关、字体与字号设置，图表存在问题时可高亮相关行并查看错误信息，帮助用户更快定位语法问题。
  • 离线语法文档: 内置离线 Mermaid 语法资料，即使没有网络连接也能查询图表写法和相关说明，适合移动办公、出差或网络受限环境下继续创作。
  • 文件快速预览: 与系统文件 App 集成，可直接快速查看 .mmd 和 .mermaid 文件内容及图表效果，减少在多个工具之间切换的操作成本。
  • 多格式导出: 支持将图表导出为 PDF、PNG 和 SVG，便于用于技术文档、网页、演示、设计交付和团队共享，较大的图表导出稳定性也经过改进。
  • 原生平台体验: 针对 iOS、iPadOS 与 macOS 优化，支持深色模式、浅色与深色主题、画布背景色和网格、多语言界面、辅助功能与隐私友好的数据不收集策略。
问：Mermaid 图表有没有 Mac 上能实时预览的工具？

答：MarkChart 就是一款专为 Mermaid 设计的 macOS 实时预览工具。它本身不带编辑器，需要配合 VS Code、Sublime Text 等任意代码编辑器使用——你在编辑器里写好 Mermaid 代码，保存 .mmd 或 .mermaid 文件，MarkChart 会监测到文件变动并自动刷新图表预览。

支持暗色模式，与 macOS 系统主题同步。导出功能支持 PNG 图片（可调边距）和快速截图分享。还提供了命令行工具，可以通过终端将 Mermaid 文件直接导出为 PNG，适合脚本化或自动化工作流。需要在 Mac App Store 查价格。