title: "Export Diagrams: Mermaid & Studio" weight: 40 summary: "Export architecture to Mermaid (Markdown) or interactive Studio." tags: ["export", "diagrams", "studio", "mermaid"]
Export Diagrams
Sruja currently supports export to Mermaid (for Markdown) and interactive visualization in Studio.
Export Formats
1. Mermaid (Markdown)
Export to Mermaid code fences for use in Markdown pages:
sruja export mermaid architecture.sruja > architecture.md
The output includes ```mermaid blocks that render in most Markdown engines with Mermaid enabled.
Use cases:
- Documentation sites using Markdown
- Lightweight diagrams without external tooling
2. Studio (Interactive)
Open and preview diagrams interactively in Studio:
Open in Studio from the Learn examples or visit /studio/
Features:
- Interactive preview and navigation
- C4 model views (context, containers, components)
- Embedded documentation and metadata
Use cases:
- Architecture reviews
- Presentations
- Iterative modeling and validation
Mermaid Styling
You can customize Mermaid via frontmatter or exporter configuration.
See the Mermaid exporter in crates/sruja-export/src/mermaid/ for options.
Choosing the Right Path
- Mermaid: For Markdown-first workflows and lightweight sharing
- Studio: For interactive exploration and richer documentation
Note: Sruja Designer provides interactive diagrams and editing capabilities.