Skip to content
Mermaid Studio Logo Mermaid Studio
Limited Time 40% off for early adopters — Get discount →

What's new in Mermaid Studio 2026.1.11?

Last updated:

2026.1.11 Release Notes

Section titled “2026.1.11 Release Notes”

This release upgrades the default Mermaid.js runtime to 11.13.0 and adds IDE support for the new features it introduces. Two new diagram types - Ishikawa (fishbone) and Venn - join the supported set, sequence diagrams gain half-arrow and central connection syntax, and state diagrams now accept colons in transition labels.

A version picker lets you switch between bundled Mermaid.js versions, so you can use a slightly older version if the latest release causes problems for your existing diagrams.

Additionally, Mermaid Studio is now compatible with older versions of JetBrains IDE’s going back to release 2025.1 after removing hard depenendencies on some newer platform APIs.

Highlights

Section titled “Highlights”
  • Mermaid.js 11.13.0 - Upgraded default runtime with a version picker in Settings > Mermaid Runtime to switch between bundled versions
  • Ishikawa Diagrams - Full language support for fishbone (cause-and-effect) diagrams with indentation-based depth highlighting, formatting, structure view, and inspections
  • Venn Diagrams - Language support for Venn diagrams including syntax highlighting, code completion, formatting, structure view, and inspections
  • Flowchart linkStyle Navigation - Command + click Control + click linkStyle index numbers to jump to the declaring link, and use Go to Related to navigate between links and their linkStyle declarations

Ishikawa Diagram

Section titled “Ishikawa Diagram”
Ishikawa diagram with syntax highlighting and live preview

Venn Diagram

Section titled “Venn Diagram”
Venn diagram with syntax highlighting and live preview

Added

Section titled “Added”
  • Added Ishikawa (fishbone/cause-and-effect) diagram support (requires Mermaid.js 11.13.0+)
  • Added Venn diagram support (requires Mermaid.js 11.13.0+)
  • Added support for colons in state diagram transition labels and state descriptions (Mermaid.js 11.13.0+)
  • Added sequence diagram support for half-arrow types and central connection markers (Mermaid.js 11.13.0+)
  • Added linkStyle navigation: Command + click Control + click on index numbers to jump to the declaring link, and Go to Related between links and their linkStyle declarations
  • Added support for animate and animation flowchart named link properties with highlighting, validation, and completion
  • Added error detection for flowchart CSS class suffixes (:::className) on generalized shapes, with a quick fix to convert to a class statement
  • Added Mermaid.js version picker to change the active Mermaid.js library and language support level in Settings > Mermaid Runtime
  • Expanded IDE version compatibility back to 2025.1

Changed

Section titled “Changed”
  • Upgraded default Mermaid.js version from 11.12.2 to 11.13.0, added 11.12.3 as a bundled option, and the version picker now shows the version number for the “Latest bundled” option
  • Live preview SVG no longer re-renders on resizing the panel
  • Line comments now include a trailing space by default (%% instead of %%)
  • Improved ER diagram syntax highlighting for relationship aliases and CSS property names
  • Marked config.flowchart.htmlLabels as deprecated in favor of config.htmlLabels

Fixed

Section titled “Fixed”
  • Fixed flowchart Go to Declaration and Find Usages not correctly prioritizing subgraph declarations
  • Fixed style statement identifiers not resolving to subgraph declarations
  • Fixed edge IDs now appearing in flowchart completions, typed as “Link” instead of “Node”
  • Fixed keywords not being lexed inside flowchart style-related statements
  • Fixed unexpected characters causing cascading parse errors across multiple diagram types
  • Fixed completions appearing inside comments in state diagrams
  • Fixed ER diagram completions appearing in incorrect contexts