状態遷移図をオンラインで作成
状態遷移図を無料でオンライン作成。Mermaid 構文でリアルタイムに描画し、PNG と SVG に書き出せます。登録は不要です。
ライブプレビュー
…
構文の説明
状態遷移図はすべてキーワードで始まり、以降の行でインデントと記号を使って階層と関係を記述します。入力に合わせてキャンバスが更新されます。
stateDiagram-v2
[*] --> Pending
Pending --> Paid : payment ok
Pending --> Cancelled : timeout
Paid --> Shipped : shipped
Shipped --> Done : received
Done --> [*]主な用途
技術ドキュメント、製品設計、プロジェクト管理、教育の場面でよく使われます。作成した図は Markdown や Web ページ、スライドにそのまま貼れます。
よくある質問
状態遷移図の作成に登録は必要ですか？
不要です。すべての機能を無料で開放しており、ページを開いた瞬間から使えます。書き出し回数の制限もありません。
状態遷移図はどの形式で書き出せますか？
PNG と SVG に対応しています。SVG はベクター形式なので拡大しても劣化せず、ドキュメントやスライドに最適です。
作成した状態遷移図を他の人と共有するには？
共有ボタンを押すと、図のコードが埋め込まれたリンクが生成されます。相手はログインなしで同じ図を開けます。