図は、このブラウザにとどまります。何もアップロードされません。数行を入力すると、フローチャートやマインドマップが得られ、PNGまたはSVGの画像として保存できます。無料で、プライバシーも守られます。
フローチャートの作り方
- 「フローチャート」または「マインドマップ」を選ぶか、「例から始める」を押します。
- 「図のテキスト」に、手順を入力します。書くにつれて、図が更新されます。
- 「左から右」で向きを変え、「幅に合わせる」で、スペースを埋めます。
- ボックスをクリックして、その「テキスト」を編集し、「色」を選ぶか、形を選びます：ボックス、角丸、判断、円。
- 「後に手順を追加」「接続」「削除」で、クリックして図を変更します。
- 「完了」を押して、SVGまたはPNGとして保存します。
フローチャートを書く
「Start -> Check the email -> Reply」のように、手順の間に矢印を置きます。手順に、短い名前と形を付けるには、名前に続けて、括弧内にテキストを書きます：[ボックス]、(角丸)、{判断}、((円))。矢印にラベルを付けるには、ask -> yes_step: yesのように、末尾にコロンを加えるか、--no-->のように、矢印の中に書きます。疑問符で終わる手順は、自動で判断になります。
マインドマップを書く
最初の行に主なアイデアを書き、その下の各枝を、スペース2つでインデントし、詳細はさらにインデントします。枝は中心の両側に広がり、それぞれに独自の色が付きます。ノートから箇条書きのリストを貼り付けることもできます。
クリックして編集し、保存する
ボックスをクリックして、そのテキストや形を変更したり、その後に手順を追加したり、別の手順に接続したり、削除したりします。テキストはそれに合わせて更新されるため、入力とクリックを切り替えられます。図は、ドキュメントやスライド用にはPNGで、どんなサイズでも鮮明に保ち、デザインツールで編集できるSVGでも保存できます。
わかりやすい図のコツ
- 短いラベルを使ってください。3〜4語のボックスのほうが、文より読みやすいです。
- まず主な流れから始めて、そのあとで例外を追加してください。
- はい・いいえの質問には判断を使い、両方の矢印にラベルを付けてください。
- 1つのチャートに、1つの流れを。大きなプロセスは、複数の図に分けてください。
- 色は、重要な手順に印を付けるために、控えめに使ってください。
よくある使い方
- 新しい同僚に、作業の流れを見せる。
- マインドマップで、エッセイ、プロジェクト、プレゼンテーションを計画する。
- お客様がサービスの中をどう移動するかを整理する。
- トラブルシューティングガイドなど、判断を説明する。
図を配布資料にするには、チラシ作成をお試しください。
よくある質問
PNGとSVGのどちらがよいですか？
PNGはドキュメントやスライドで使えます。SVGはどんなサイズでも鮮明で、デザインツールで編集できます。
図はアップロードされますか？
いいえ。ブラウザ内にとどまります。
入力とクリックを切り替えられますか？
はい。テキストと図は常に一致します。