フローチャート作成ツール
プロセスを説明して、数秒できれいなフローチャートを作成。Mermaid構文またはプレーンなインデント付きアウトラインを入力すると、デバイス上でライブレンダリングされます。アップロードはされません。
One step per line. Indent two spaces to branch beneath the line above.
フローチャートを構築する2つの方法
図形と分岐を完全にコントロールするためにMermaidを直接書くか、アウトラインモードをオンにしてプレーンなインデント付きリストを入力します — 各行がノードになり、各インデントが矢印になります。アウトラインの経路は本物のテキストからフローチャートへの変換で、デバイス上で完全に実行されます。AIモデルはなく、費用もなく、読んで信頼できる決定論的な変換です。
どちらの方法でも、入力するとともに図が再描画されます。完成したら、SVG（任意のサイズで鮮明）、PNG（スライドと文書に最適）をエクスポートするか、GitHub README、Notionページ、または独自のエディタに貼り付けるMarkdownブロックをコピーできます。
図コードがドラッグアンドドロップに勝つ理由
テキストで書かれたフローチャートは、バージョン管理でき、差分可能で、プルリクエストで検討可能です — 図は文書化するコードの隣に存在し、別の設計ツールで腐りません。ステップの名前を変更すると、すべてのレイアウト判定が自動的に再計算されます。キャンバスの周りをボックスで整列させる必要はありません。
また、移植性があります。同じMermaidブロックはGitHub、GitLab、Obsidianおよび数十のドキュメントツールで描画されます。1つのベンダーのファイル形式にロックされることはありません。
よくある質問
テキストからフローチャートを作成するにはどうしますか?
ステップをMermaidフローチャート（例：「A --> B」）として入力するか、アウトラインモードをオンにしてインデント付きリストを書きます — 各行がボックスになり、各インデントが矢印になります。チャートは入力するとともにライブレンダリングされます。
このフローチャートメーカーは本当に無料で透かしなしですか?
はい。登録なし、アカウントなし、エクスポートに透かしなし。図がブラウザでレンダリングされるため、サーバーコストはなく、ペイウォールやロゴでカバーする必要がありません。
フローチャートを画像としてエクスポートできますか?
はい — ベクトルSVG（完璧にスケール）またはスライドとドキュメント用のPNGをエクスポートします。MermaidソースまたはマークダウンブロックをコピーしてGitHubにもコピーできます。
図はどこかにアップロードされていますか?
いいえ。レンダリングはMermaid.jsを使用してデバイス上で完全に実行されます。テキストはブラウザから出ません。レンダリングエンジン自体は公開CDNから1回ロードされ、その後キャッシュされます。
フローチャートはどのような図形を使用できますか?
ステップ用のボックス、判定用のダイアモンド、開始/終了用の丸い図形、データストア用のシリンダー。上記の構文チートシートで正確なテキストを確認してください。