実行可能なユーザー:全ユーザー
どのプラン:すべてのプランで、Enterprise 管理者はこちらからベータアクセスをリクエストできます。
対応プラットフォーム:ブラウザー、デスクトップ
プロトタイピングでは、「Create with AI 2.0」を使用してインタラクティブなプロトタイプを作成できます。
詳細情報:プロトタイピング概要を参照してください。
AI でプロトタイプを作成
-
Create with AI (
) パネルを開く。
- プロトタイプを選択
- プロトタイプ用のデバイスタイプを選択してください。
- マルチスクリーンフローまたはシングルスクリーンプロトタイプの作成を選択します。
- プロンプトを入力してください。詳しい情報を提供すると、より正確な結果が得られます。
- Enter キーを押すか、送信 アイコンをクリックしてください。
- プロトタイプがキャンバス上で生成されます。プロトタイプの生成には数分かかる場合がありますので、ご注意ください。
- 結果に満足しており、手動で編集を開始したい場合は、キャンバスに適用 をクリックしてください。
- やり直したい場合は、バージョンを破棄をクリックしてください。
- プロトタイプを編集または改良したい場合は、AI を使って作成するを利用し、以下でプロトタイプを改良してください。
キャンバスからコンテキストを追加
AI プロンプトにデザインブリーフ文書や付箋などのコンテキストを追加することで、よりあなたのデザインニーズに合ったプロトタイプを作成できます。
- プロトタイプに文脈を追加するために関連するボードコンテンツを選択してください。
-
AI で作成(
)パネルを開きます。
- プロンプトに従って Create with AI でプロトタイプを作成します。
- AI で作成は、プロトタイプの文脈として選択したボードのコンテンツを使用します。
AI でプロトタイプを洗練する
プロトタイプのドラフトが作成されたら、結果を洗練できます。
- プロンプトウィンドウでオプションをクリックし、画面を追加するかプロトタイプを編集します。
- 変更したい内容や追加したい画面を入力してください。
- 送信 アイコンをクリックするか、Enter キーを押します。
- このプロセスを、プロトタイプの出力に満足するまで繰り返してください。
- 終了したら、キャンバスに適用 をクリックします。
- プロトタイプを手動で編集できるようになりました。
プロトタイプにスタイルを適用する
既存のウェブサイトのビジュアルスタイルをプロトタイプに適用したい場合は、Miro AI を使ってスタイルを自動的に適用できます。
- プロトタイプ画面を選択してください。
- Miro AI アイコンをコンテキストメニューでクリックします。
- 画像からスタイルをインポートを選択します。
- スタイルをインポートしたい画像ファイルを選択してください。
- Miro AI があなたのプロトタイプにスタイルを適用します。
プロトタイプをインタラクティブにするためにコネクタ線を追加する
AI が生成するプロトタイプには、接続線が含まれていますが、それらを変更したり、追加することもできます。
- プロトタイプ内で、別の画面に移動する要素をクリックしてください。コネクター線アイコンが要素の横に表示されます。
- コネクター線アイコンをクリックしてドラッグし、該当する画面に配置します。コネクター線が表示されます。
- プロトタイプのプレビューで、接続された要素をクリックすると、接続先の画面に移動します。
既存のデザインからプロトタイプを作成する
既存のデザインを反復したい場合は、Miro AI を使用してスクリーンショットをインタラクティブなプロトタイプに変換することができます。
- 既存のデザインのスクリーンショットをキャンバスに追加します。
- スクリーンショットをクリックして、コンテキストメニューを表示します。
- Miro AI アイコンをクリックします。
- 画像をプロトタイプに変換するを選択します。
- デバイス種別を選択してください。モバイル、タブレット、またはデスクトップ。
- Miro AI があなたのデザインをインタラクティブなプロトタイプに変換します。