Installation
Last updated:
Mermaid Studio is available in two editions. Choose the one that fits your needs:
| Mermaid Studio Core | Mermaid Studio | |
|---|---|---|
| Price | Free (optional Core license: $49/yr) | $99/yr (30-day free trial) |
| Free features | Syntax highlighting, preview, export for all 26 types | — |
| Paid features | Inspections, completions, formatting, refactoring for 6 core types | — |
Not sure which to choose? Compare editions in detail →
Installation
Section titled “Installation”-
Open your JetBrains IDE (IntelliJ IDEA, WebStorm, PyCharm, etc.)
-
Open Settings (
Command + Comma Command, Control + Alt + S CtrlAltS ) -
Navigate to Plugins > Marketplace
-
Search for “Mermaid Studio Core”
-
Click Install
-
Restart your IDE when prompted
Or install from the web: Mermaid Studio Core on JetBrains Marketplace
-
Open your JetBrains IDE (IntelliJ IDEA, WebStorm, PyCharm, etc.)
-
Open Settings (
Command + Comma Command, Control + Alt + S CtrlAltS ) -
Navigate to Plugins > Marketplace
-
Search for “Mermaid Studio”
-
Click Install
-
Restart your IDE when prompted
Or install from the web: Mermaid Studio on JetBrains Marketplace
System Requirements
Section titled “System Requirements”- IDE Version: IntelliJ IDEA 2025.1 or later (or equivalent version for other JetBrains IDEs)
- Platform: Windows, macOS, or Linux
- MCP Tools: Requires IDE version 2025.2 or later (the MCP Server plugin is not available in 2025.1)
Troubleshooting
Section titled “Troubleshooting”Plugin not appearing after installation
Section titled “Plugin not appearing after installation”- Ensure you’ve restarted your IDE completely
- Check Settings > Plugins > Installed to verify the plugin is enabled
- Check the IDE log for errors: Help > Show Log in Finder/Explorer
Syntax highlighting not working
Section titled “Syntax highlighting not working”- Verify the file has a recognized extension (
.mmd,.mermaid) - Check that the plugin is enabled in Settings > Plugins > Installed
Diagrams not rendering in markdown preview
Section titled “Diagrams not rendering in markdown preview”Ensure the markdown preview is set to use Mermaid Studio:
-
Navigate to Settings > Languages > Frameworks > Markdown
-
Make sure the Preview rendering engine setting is set to
Mermaid Studio (Chromium Browser)