Skip to content
Mermaid Studio
Docs
What's New
Pricing
Search
Ctrl
K
Cancel
JetBrains Marketplace
Select keyboard type
macOS
Windows
Select theme
Dark
Light
Auto
Limited Time
40% off
for early adopters
— Get discount →
Docs
Overview
Getting Started
New to IntelliJ?
Installation
Your First Diagram
Early Access Releases
Configuration
Data Sharing
Icon Sets
Markdown
Mermaid Runtime
Preview
Features
Code Completion
Diagram Validation
Export
Export Diagrams
Print Diagrams
Diagram Sync
Formatting
YAML Frontmatter
Markdown Integration
MCP Tools
AI
References & Refactoring
Scratch Files
Semantic Syntax Highlighting
Diagram Types
Overview
Architecture Diagram
Block Diagram
C4 Diagram
Class Diagram
Entity Relationship Diagram
Flowchart
Gantt Chart
Git Graph
Ishikawa Diagram
User Journey Diagram
Kanban Board
Mindmap
Packet Diagram
Pie Chart
Quadrant Chart
Radar Chart
Requirement Diagram
Sankey Diagram
Sequence Diagram
State Diagram
Timeline Diagram
Treemap Diagram
Venn Diagram
XY Chart
FAQ
What's New
Latest
2026.1.11
2026.1.10
2026.1.9
2026.1.8
2026.1.7
2026.1.6
2026.1.5
2026.1.4
2026.1.2
JetBrains Marketplace
Select keyboard type
macOS
Windows
Select theme
Dark
Light
Auto
Documentation
Last updated:
Feb 3, 2026
Getting Started
Section titled “Getting Started”
Installation
Install Mermaid Studio from the JetBrains Marketplace.
Your First Diagram
Create your first Mermaid diagram with a quick tutorial.
Editor Features
Section titled “Editor Features”
Syntax Highlighting
Rich highlighting for all Mermaid diagram types.
Live Preview
See your diagrams render in real-time as you type.
Code Completion
IntelliSense-style suggestions for Mermaid syntax.
Validation
Catch syntax errors with inline error highlighting.
References & Refactoring
Rename nodes, find usages, and navigate to definitions.
Export
Export diagrams to PNG or SVG.
Integration
Section titled “Integration”
Mermaid in Markdown
Edit and preview Mermaid diagrams in Markdown files.
AI
MCP Tools
Generate high quality diagrams agentically.
Diagram Sync
Keep exported images in sync with your diagrams.
Configuration
Section titled “Configuration”
Preview Settings
Customize the diagram preview appearance and controls.
Icon Sets
Use 200,000+ icons from popular libraries in your diagrams.
Mermaid Runtime
Configure the Mermaid.js version used for rendering.
Diagram Types
Section titled “Diagram Types”
All Diagram Types
Overview of all 20+ supported Mermaid diagram types.
What's New
Stay updated with the latest features and improvements.
Help
Section titled “Help”
FAQ
Answers to common questions about Mermaid Studio.
Next
What's New