利用できるユーザー: すべてのユーザー
対象プラン: 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 を再度使ってプロトタイプの見た目を整えたり拡張したりする。
- フィードバック セッション用のインタラクティブ ナビゲーションを追加する。
- アイデアの発展に合わせて手動で引き続き洗練する。
このハイブリッドなアプローチは、スピード、柔軟性、コントロールをもたらします。
Learn more about Miro Prototypes のワークフローに関するベストプラクティスについて詳しくご覧ください。