対象ユーザー: すべてのユーザー
対象プラン: Free、Starter、Business、Enterprise、Education
対応プラットフォーム: ブラウザー、デスクトップ、モバイル
Miro AI を使って、ダイアグラムやマインドマップを一から作成できます。また、手書きのダイアグラムをデジタル化して、Miro のボード上で完全に編集可能なオブジェクトに変換することもできます。
Miro Prototypes に関する情報は、Miro Prototypes を参照してください。
ダイアグラムやマインドマップを作成
-
作成ツールバーの上部から AI で作成を選択します。
AI で作成パネルが開きます。 -
クリック サイドキックス ライブラリ(右上の四分割ボタン) > 形式 > ダイアグラムまたはマインドマップ。
プロンプトパネルが開きます。 - ダイアグラムの種類、またはマインドマップを選択します。
-
応答ボックスに作成したいダイアグラムやマインドマップの内容を記述します。
💡 説明を始めるには、スタータープロンプトのいずれかを選択してください。
💡 Miro AI がダイアグラムのスタイルと色の入力をどのように扱うかについては、スタイルと色の入力をご覧ください。
-
キーボードのEnterキーを押すか、応答矢印をクリックします。
Miro AI がボード上にスケッチのダイアグラムまたはマインドマップを生成します。生成を中断するには、任意で STOP をクリックし、ステップ 3 を繰り返してください。 -
以下のいずれかを行ってください:
-
Apply to canvas をクリックします。
ダイアグラムまたはマインドマップが編集できる状態になりました。手順は完了です。 -
Discard all をクリックします。
スケッチのダイアグラムまたはマインドマップは消去され、Create with AI パネルがリセットされます。 - Create with AI サイドバーでダイアグラムまたはマインドマップの説明を続け、ダイアグラムまたはマインドマップをボードに適用するまでステップ 6 を繰り返します。
-
Apply to canvas をクリックします。
手描きのダイアグラムをデジタル化
Miro AI には、Digitize Diagram(ベータ)という機能があり、手描きの図のスケッチをボード上で完全に編集可能な図に変換します。
以下の手順に従ってください:
- 手描きの図の画像を Miro ボードにアップロードします。
-
画像を選択します。
コンテキストメニューが表示されます。 - コンテキストメニューから 変換 をクリックします。
- メニューから ダイアグラム を選択します。
Miro AI が、図の完全に編集可能なバージョンを生成します。結果を確認し、必要に応じて調整や位置合わせを行ってください。
Miro AI ダイアグラムのスタイルと色の入力
Miro AI は意味に基づくスタイル入力に応答します。たとえば、プロンプトで雰囲気を説明したり、好みのスタイルを指定したりできます。Miro AI はその説明や好みに基づいてダイアグラムやマインドマップを生成し、すべてのプロパティがそれに合わせて反映されるようにします。出力は引き続きプロンプトで調整するか、手動で編集して微調整できます。
以下の表は、ダイアグラムに対するプロンプトに基づいて Miro AI がどのような出力を行うかを示しています。
| ユースケース | 説明 | AI によるアクション | カラーパレット | 枠の色 |
|---|---|---|---|---|
| 色指定なし | 色の好みや具体的な指定を与えません。例えば "フローチャートを作成" | システムはデフォルトのカラーパレットを使用します | サンシャインイエロー、オーシャンブルー、モスグリーン | 各要素には適切でよりコントラストの高い境界色が設定されます |
| あいまいな色指定 | 色の雰囲気やテーマを指定します。例えば "オレンジの図を作成" | システムは指定を入力として使用し、アクセシビリティーに配慮した Miro のミューテッド カラーパレットに色を合わせます | この例では、Miro AI は抑えめのオレンジの図を生成します | この例では、Miro AI はそれに合わせてよりコントラストの高いオレンジの境界色を設定します |
| 具体的な色の指定 | ブランドカラーを指定するために HEX または RGB の値を入力します。たとえば「#006FF の色で UML シーケンスを生成する」 | システムの既定値を上書きします | リクエストで指定された値に従います | Miro は、指定した図形または色に基づいて、適切でコントラストの高い枠線色を自動的に作成します |