Mermaid2Img
22種類のスターターテンプレート

Mermaidテンプレート

編集可能なMermaidサンプルを選び、構文を調整してPNG、JPG、SVG、PDFとして書き出せます。技術文書、製品計画、READMEに便利です。

テンプレートワークスペースを開くテンプレートを見る

フローチャートテンプレートを試す

flowchart TD
  Idea[製品アイデア] --> Design[設計フロー]
  Design --> Build[機能を実装]
  Build --> Review{準備完了？}
  Review -->|はい| Ship[リリース]
  Review -->|いいえ| Design

Mermaidテンプレートライブラリとは？

Mermaidテンプレートライブラリは、コピーして編集できる図表サンプルを提供し、フローチャート、シーケンス図、ガントチャート、アーキテクチャ図をすばやく作成して画像として書き出せます。

22種類のMermaid図に対応

文書、仕様書、技術メモにすぐ使える

ブラウザで直接編集

高解像度画像を書き出し

Mermaidのオンラインプレビュー以上

Mermaid2Imgはオンラインエディタ、テンプレート、スタイル設定、ローカル履歴、複数形式のエクスポートを1つのワークスペースにまとめています。

Mermaid構文とレイアウトをライブプレビュー
PNG、JPG、SVG、PDFをまとめて出力
文書作成に使いやすい22種類の図表テンプレート
プライベートな図にも使いやすいブラウザ内処理

Mermaidの書き出し形式を選ぶ

同じ図を複数形式で書き出せるため、用途に合うファイルを選んでからダウンロードできます。

PNG
README、チケット、ドキュメント、チャット

多くの場所で扱いやすい鮮明なビットマップが必要なときに使います。

JPG
小さいファイルと手早い共有

透明背景が不要で、軽いプレビュー画像が欲しいときに向いています。

SVG
Web、ベクター資料、デザイン共有

拡大しても崩れない線や後からの調整が必要なときに使います。

PDF
印刷、提案書、プレゼン資料

図を文書として配布したいときに適しています。

使い方

1

図の種類に合うテンプレートを選びます。

2

ラベル、構造、色、方向を編集します。

3

完成した図を書き出すか、ワークスペースで続けて編集します。

よくある質問

Mermaidテンプレートは編集できますか？

はい。テンプレートを開いてMermaid構文を変更し、プレビューして書き出せます。

技術文書に使えますか？

はい。Markdown、Notion、GitHub、製品ドキュメント、プレゼン用の画像として書き出せます。

テンプレートをエディタで続けて編集できますか？

はい。任意のテンプレートページからMermaid2Imgワークスペースで編集を続けられます。

オンラインで編集して書き出す

下の埋め込みエディタを試すか、詳細設定はフルワークスペースで開けます。

Loading editor...