Mermaid Graphical Editor

4.7(

3 ratings

)

Extension Developer Tools2,000 users

Item media 2 (screenshot) for Mermaid Graphical Editor

Overview

GUI support for editing Mermaid(But Now, Support Flowchart and Sequence diagram, Class diagram, ER diagram, and State diagram Only)

Mermaidの編集をGUIサポートするエディタビューを表示することができます。現在、フローチャートとシーケンス図、クラス図、ER図、ステート図の一部の編集のみGUIサポートに対応しています。 GUIサポートで対応していない記述（フローチャートのDirectionやSubgraphsなど）は、Mermaidコードの方を直接編集することで反映されます。補足：このExtensionは、Mermaidがgithubで正式にサポートされたのを受けて、issueなどでのMermaid利用の敷居を下げることを目的として作成していますが、githubでのみに限定する必要もないと考え、どのページでも利用可能にしています。 You can display an editor view with GUI support for Mermaid editing. Currently, GUI support is supported only for editing some parts of the flowchart and sequence, class diagram, er diagram, and state diagram. Descriptions not supported by GUI support (e.g., Direction and Subgraphs in flowcharts) will be reflected by editing the Mermaid code directly. Supplement: This extension was created with the aim of lowering the threshold for using Mermaid in issues after Mermaid was officially supported on github, but we believe that it does not need to be limited to github only, so we make it available on any page.

4.7 out of 5
3 ratings
Learn more about results and reviews.

Details

Version
0.5.7
Updated
November 12, 2025
Flag concern
Offered by
corschenzi
Size
1.19MiB
Languages
日本語
Developer
Email
corschenzi.cws+support@gmail.com
Non-trader
This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

Not being sold to third parties, outside of the approved use cases
Not being used or transferred for purposes that are unrelated to the item's core functionality
Not being used or transferred to determine creditworthiness or for lending purposes

Support

Mouse Dictionary

4.7

A super fast dictionary for language learners

Open in Mermaid editor

0.0

Open embedded diagrams in a Mermaid editor

Gemini Mermaid Renderer

5.0

Adds a "Mermaid" button to Gemini code blocks to render Mermaid diagrams.

Markdown Preview Plus

3.9

Converts and previews markdown files (.md, .markdown) to HTML(include TOC) right inside Chrome and support live reload

draw.io for Notion

3.0

Insert draw.io diagrams in Notion pages and edit them

Mermaid Previewer

4.2

Preview and export mermaid.

DOT/Mermaid Viewer

5.0

A graph drawing and checking tool that supports DOT language and Mermaid notation. It can also output as an image.

Markdown Viewer

4.1

Dark Mode • Themes • Autoreload • Mermaid Diagrams • MathJax • ToC • Syntax Highlighting

Mermaid Preview

5.0

Preview Markdown and Mermaid files, support LaTeX math equations rendering.

Markdown Reader

4.5

The best way to preview Markdown in your browser.

Mermaid Diagram

4.8

Use Mermaid diagram: fast mermaid.js diagram maker & flow chart generator with Mermaid live editor for instant visual workflows.

Mermaid diagram renderer for GitHub

5.0

Render mermaid diagrams in markdown files in GitHub and GitHub Gist (mermaid@8.14.0).