Mermaid Design

更新日志

了解 mermaid.design 的最新更新与改进。

v0.2.0

新功能

  • 渲染配置面板：主题面板新增 Config 标签页，按图表类型分组开放 400+ 项 Mermaid 渲染配置（33 组）——布局、间距、尺寸、字体与行为开关，支持搜索、实时预览、单项重置与本地持久化，当前图表类型所在分组自动展开
  • 导出携带渲染配置：复制 JSON、复制 frontmatter 以及导出对话框中的主题下载现在会包含你的渲染配置修改，可直接粘贴进 mermaid.initialize() 或 Mermaid frontmatter

改进

  • 表单控件迁移至 shadcn/ui：所有按钮、输入框、下拉、开关与滑块基于 Radix 原语重构——外观保持紧凑一致，并带来完整的键盘导航与无障碍支持

v0.1.0

新功能

  • 在线 Mermaid 编辑器：三窗格工作台——Monaco 代码编辑器（Mermaid 语法高亮、行内错误标记）、支持平移缩放的实时预览，以及主题面板
  • Official SVG 渲染：标准 Mermaid SVG 输出，400ms 防抖，语法错误时保留最后一次成功渲染，画布背景可选（点阵 / 纯白 / 棋盘格）
  • ASCII 渲染：由 beautiful-mermaid 驱动，把图表转成字符画，支持 Unicode 与纯 ASCII 字符集，字号可调
  • 主题系统：70+ 可编辑主题变量、11 个 Mermaid 内置主题加设计师预设，以及基于种子色的主题生成（明暗两种模式）
  • 模板库：内置流程图、时序图、类图、ER 图、甘特图、思维导图等模板——支持类型筛选和按渲染模式过滤
  • 导出：以 1x/2x/4x 分辨率下载 SVG、PNG、JPG 或 WebP，可选透明背景；ASCII 模式导出 TXT；主题配置可导出为 JSON 或 Mermaid frontmatter
  • 导入主题：粘贴主题 JSON 或 frontmatter 即可导入自定义主题
  • 自动保存：代码、主题和布局在会话之间持久化到本地存储
  • 多语言：界面完整支持 9 种语言——English、中文、Русский、日本語、Français、한국어、Español、Deutsch、Português
  • 纯客户端：一切都在浏览器中运行——不上传、无需账号、不追踪你的图表数据