Features
Mermaid Studio brings powerful IDE features to your Mermaid diagrams.
Editor Features
Section titled “Editor Features”- Live Preview - See your diagrams render as you type
- Syntax Highlighting - Color-coded syntax for all diagram types
- Code Completion - Smart suggestions as you type
- Error Detection - Catch mistakes before rendering
- Code Folding - Collapse sections of large diagrams
- Formatting - Auto-format your diagram code
Productivity Features
Section titled “Productivity Features”- Refactoring - Rename nodes and find usages
- Markdown Integration - Full support in Markdown files
- Export - Save diagrams as PNG or SVG
Advanced Features
Section titled “Advanced Features”- Frontmatter - Configure diagrams with YAML
- AI Integration - Generate diagrams with AI assistants