Skip to content
Mermaid Studio Logo Mermaid Studio

    Documentation

    Getting Started

    Section titled “Getting Started”
    Installation Install Mermaid Studio from the JetBrains Marketplace.
    First Diagram Create your first Mermaid diagram with a quick tutorial.

    Core Features

    Section titled “Core Features”
    Syntax Highlighting Rich highlighting for all Mermaid diagram types with customizable colors.
    Live Preview See your diagrams render in real-time as you type.
    Code Completion IntelliSense-style suggestions for Mermaid syntax and node references.
    Validation Catch syntax errors before rendering with inline error highlighting.
    Refactoring Rename nodes, find usages, and navigate to definitions.
    Export Export diagrams to PNG or SVG for documentation and presentations.

    Diagram Types

    Section titled “Diagram Types”
    All Diagram Types Overview of all supported Mermaid diagram types and their features.
    Flowchart The most comprehensive diagram support with full syntax coverage.

    Configuration

    Section titled “Configuration”
    Settings Customize Mermaid Studio's behavior and appearance.
    Keyboard Shortcuts Speed up your workflow with keyboard shortcuts.

    Resources

    Section titled “Resources”
    What's New Stay updated with the latest features and improvements.
    Roadmap See what's coming next for Mermaid Studio.