ドローキャンバス

フリーフォームなキャンバスにボックスや矢印をスケッチするか、ダイアグラムを説明してAIエージェントに実際の編集可能な図形を描画させます。

ドローは、文章で書くよりもスケッチで済ませた方が早いダイアグラム——アーキテクチャ、リクエストフロー、移行計画など——のための全画面キャンバスです。ワークスペーススイッチャーから、タスク、ノート、テンプレートと並んで開きます。

キャンバス上のすべては、ボックス、矢印、ラベル、フリーハンドの線といった、移動や色変更、サイズ変更が可能な普通の編集可能なオブジェクトです。

説明するだけでキャンバスが描いてくれる

キャンバス上にプロンプトバーがあります。必要な内容を入力すると、その説明がインストール済みのAI CLIに渡され、既にスケッチしたものの隣に実際の編集可能な図形、矢印、ラベルが挿入されます。

ブラウザからnginxを経由してAPIとPostgresへのリクエストフローで、APIの横にRedisキャッシュがあるもの

返ってくるものは決して平面の画像ではありません。すべてのボックスと矢印は、その後ドラッグしてラベルを変更し、色を変えることができます。AIが提示するのはレイアウトの最初の草案で、受け入れなければならない画像ではありません。

アンドゥは1ステップ

新しい要素は選択された状態で追加されます。1回の**⌘Z**、あるいは1回のDeleteで、生成されたダイアグラム全体を削除できます——つまり、説明を試すのにコストはかからず、失敗した結果があっても30個の図形を手作業で片付ける必要はありません。

エージェントの選択

プロンプトバー横の歯車アイコンで、どのインストール済みAIがダイアグラムを描画するかを選べます。生成は実行中でもいつでもキャンセルできます。

失敗した生成は1回だけ自動で再試行し、その後、汎用的なエラーメッセージではなくモデルが実際に返した内容を表示します——これで、エージェントがダイアグラム形式ではなく文章で回答したことなどが、だいたい把握できます。

ドローとMermaid、どちらを使うか?

  • レイアウトが重要で、手動で配置したい場合はドローを使います。
  • ダイアグラムをコードの隣の.mdファイルに置き、プルリクエストでレビューしたい場合は**Mermaid**を使います。

関連項目