User Journey Diagram

User journey diagrams visualize the steps a user takes to accomplish a goal, with satisfaction scores for each action.

Syntax Highlighting

Syntax highlighting integrates directly with IntelliJ’s color scheme system, so diagram colors always match your editor theme.

Armada Dark

Islands Dark

Islands Light

IDE Support

Mermaid Studio provides enhanced support for user journey diagrams:

• Syntax highlighting for sections, tasks, and actors
• Code completion for keywords and syntax
• Rename refactoring to update actor names
• Find usages to locate actor references
• Code folding to collapse sections

Learn More

For complete syntax documentation including multiple actors and custom styling, see the Mermaid.js User Journey documentation.