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