Nouvelles Solutions Logo

Nouvelles Solutions

MermaidViewer 1.7: Visual Diagram Editor, Quick Look & Markdown Editing

MermaidViewer 1.7 is here with three features that change how you work with Mermaid diagrams on macOS.

Quick Links

Visual Edit Mode

The headline feature of 1.7 is the visual edit mode. Instead of writing Mermaid syntax by hand, you can now build and modify diagrams directly on the canvas.

For sequence diagrams, click to add nodes, then connect them by clicking from one node to another. It's a fast way to scaffold interactions without touching the code editor.

For flowcharts, you get a palette of different node types to choose from. Add them to the canvas, delete the ones you don't need, and draw connections between nodes — picking the arrow style you want.

The key insight: everything you do visually edits the underlying Mermaid code directly. There's no separate visual format. You're always working with standard Mermaid markdown, just through a different interface. Switch back to the code view anytime and see exactly what the visual editor produced.

macOS Quick Look

MermaidViewer now integrates with macOS Quick Look. Select a .mmd file in Finder, press Space, and get a fully rendered diagram preview — no need to open the app. It feels native because it is.

Markdown File Editing

You can now drop a Markdown file containing Mermaid diagrams directly into the app. The diagrams render in place, and you can edit and save them without leaving MermaidViewer. Undo works as expected — save a change, undo it, and you're back where you started.

This is particularly useful if you keep Mermaid diagrams inside your project documentation or README files.

Get It

MermaidViewer 1.7 is available now as a direct download. Give it a try and let me know if you find any issues.

Back to blog