利用対象: すべてのユーザー
対象プラン: Business、Enterprise (Accelerate ライセンス)
対応プラットフォーム: ブラウザー、デスクトップ
Miro のプロトタイピング機能は、チームが視覚的にアイデアを検討し、デジタル体験の初期版を作成するのに役立ちます。Miro は画面を手動で作成するための基本ツールを提供します。Miro Prototypes は、AI による作成機能とインタラクティブな動作を加えてこれらの機能を拡張します。ワークフロー全体で両方のアプローチを併用できます。
💡 上のビデオでは、フロー、サイドキック、およびMiro の MCP サーバーも紹介しています。
プロトタイピングにおすすめのツール
Miro のプロトタイピング ワークフローは、次の 4 種類のツールで構成されています:
- コンポーネント — UI 要素、デバイス、アイコン、および高度なコンポーネント。
- 作成方法 — 手動での画面作成または AI による生成。
- インタラクション — 静的レイアウト、またはクリック操作で進めるインタラクティブなプレビュー。
- フォーマット — プロトタイプのコンテナで、フォーカスモードとプレビューに素早くアクセスできます。
プラン別のプロトタイピング機能
機能 |
全ユーザー |
Business + Enterprise（Accelerate ライセンス） |
プロトタイプ画面（モバイル、デスクトップ、タブレット） |
✓ |
✓ |
プロトタイプ作成ライブラリーの基本 UI コンポーネントとアイコン |
✓ |
✓ |
プロトタイプ作成ライブラリーの高度なコンポーネント |
– |
✓ |
AI：テキストまたはキャンバスの内容から画面を生成 |
– |
✓ |
AI: スクリーンショットから編集可能なモックアップを作成 |
– |
✓ |
AI: プロンプトで画面を洗練・拡張 |
– |
✓ |
AI: 画像によるビジュアルスタイリング |
– |
✓ |
インタラクティブ ナビゲーションを追加 |
– |
✓ |
プレビュー モード (インタラクティブなプロトタイプの表示) |
– |
✓ |
フォーマット コンテナとフォーカスモード |
– |
✓ |
注： Miro Prototypes は Business プラン に含まれます。Enterprise チームは Accelerate ライセンスで Miro Prototypes を利用できます。
ツールはどのように連携するか
Miro のプロトタイピングツールは、別々の手段としてではなく、連携して使うように設計されています。ほとんどのチームはワークフロー全体で手動による作成と AI を活用した作成を組み合わせて使います。
次のような手順があります。
- AIで初期の画面セットを生成する。
- 画面を手動で並べ替えたり調整したりする。
- コンポーネントを手動で追加する。
- AIを再度使ってプロトタイプのスタイルを変更したり拡張したりする。
- フィードバック セッション用にインタラクティブなナビゲーションを追加する。
- アイデアが進化するにつれて手動でさらに洗練する。
このハイブリッドなアプローチにより、スピード、柔軟性、コントロールを実現できます。
詳細は Miro Prototypes のワークフローに関するベストプラクティス をご覧ください。