Mermaid Design

导出与分享

图表完成后,点击导航栏的 Export 打开导出对话框。所有内容都在浏览器本地生成——无需上传、没有水印、不需要账号。

图片格式

格式适用场景
SVG文档、维基和网页——无限缩放的矢量输出
PNG幻灯片、工单和聊天——通用位图格式
JPG不需要透明背景时文件更小
WebP压缩率出色的现代图片格式

位图导出(PNG / JPG / WebP)支持 1x、2x、4x 分辨率,高分屏上也能保持清晰。PNG 和 WebP 提供透明背景开关。

导出的图片始终与预览一致——所见即所得。

ASCII 导出

ASCII 模式下,导出对话框提供 TXT(纯文本):渲染好的文本图表,可直接粘贴到代码注释、文档或终端。

导出主题配置

导出对话框还包含 Theme Config 区块,方便在 mermaid.design 之外复用主题:

  • Copy JSON——把当前主题变量复制为 JSON 对象
  • Download JSON——保存为 mermaid-theme.json 文件
  • Copy frontmatter——把主题复制为 Mermaid frontmatter,可粘贴到任何 .mmd 文件或 Markdown 代码块顶部:
---
config:
  theme: base
  themeVariables:
    primaryColor: '#...'
---

任何支持 themeVariables 的 Mermaid 渲染器(Mermaid CLI、GitHub、文档流水线)都能应用导出的主题。

分享你的作品

图表只存储在浏览器的本地存储中——没有服务端分享链接。分享图表的方式:

  1. 导出为图片(ASCII 模式导出 TXT),或
  2. 直接复制 Mermaid 代码发给对方——对方粘贴到 mermaid.design 就能从你停下的地方继续。

在同一设备和浏览器上,你的代码、主题和布局会在会话之间自动保留。