Plugins
Cursor
This extension is a tool for visualizing and editing Mermaid diagrams in Cursor. It enables developers to view and edit diagrams stored in Mermaid Chart directly from Cursor, simplifying the development workflow.
Download
Download the plugin from the Open VSX Registry.
Features
The Mermaid Chart extension offers the following features:
Attach diagrams into your code, highlighted with an icon in the footer.
Two links associated with each diagram: one for viewing the diagram in a new tab within Cursor, and another for editing the diagram in Mermaid Chart.
Quickly consume and update diagrams as needed.
Image #1: This is an example showing how the diagram is attached in the code (see line 6).
Image #2: Clicking on the "View Diagram" link (shown in Image #1), opens a new tab with a rendering of the diagram.
Image #3: Clicking on the "Edit Diagram" link (shown in Image #1), opens up the Mermaid Chart Editor.
Requirements
The Mermaid Chart extension seamlessly integrates with the Mermaid Chart service. To use the extension, you need an account. Collaborate with your development organization by setting up teams and sharing diagrams, simplifying diagram management, and enhancing your workflow with Mermaid Chart for Cursor.
Extension Settings
The Mermaid Chart extension contributes the following settings:
mermaidChart.baseUrlThis setting points to the instance of Mermaid Chart you are running. For the public service, the base URL is
https://mermaid.ai/.