利用できるユーザー： すべてのユーザー
対象プラン： Business、Enterprise（Accelerate ライセンス）
対象プラットフォーム： ブラウザ、デスクトップ
Miro でのプロトタイピングは、チームが視覚的にアイデアを検討し、デジタル体験の初期バージョンを作成するのに役立ちます。Miro は手動で画面を作成するための基本ツールを提供します。Miro Prototypes は、AI による生成とインタラクティブな動作によってこれらの機能を拡張します。ワークフローを通じて、両方の手法を組み合わせて使用できます。
注意： Miro AI によって生成されたプロトタイプは、図形の代わりに HTML としてレンダリングされるようになりました。また、HTML をキャンバスに埋め込み、プロトタイプと対話できます。
プロトタイピングにおすすめのツール
Miro のプロトタイピング ワークフローは、次の4種類のツールで構成されています。
- Components — UI 要素、デバイス、アイコン、高度なコンポーネント
- Creation methods — 手動での画面作成、またはAIによる生成
- Interaction — 静的なレイアウト、またはクリック操作によるインタラクティブなプレビュー
- Format — プロトタイプ用コンテナ（フォーカスモードとプレビューへのクイックアクセス）
プラン別のプロトタイピング機能
機能 |
全ユーザー |
Business + Enterprise（Enterprise Accelerate ライセンス） |
プロトタイプ画面（モバイル、デスクトップ、タブレット） |
✓ |
✓ |
プロトタイプ作成ライブラリー：基本的な UI コンポーネントとアイコン |
✓ |
✓ |
プロトタイプ作成ライブラリー：高度なコンポーネント |
– |
✓ |
HTML 埋め込み |
✓ |
✓ |
AI: テキストやキャンバスの内容から画面を生成 |
– |
✓ |
AI: スクリーンショットを編集可能なモックアップに変換 |
– |
✓ |
AI: プロンプトで画面を洗練・拡張 |
– |
✓ |
AI: 画像を使ったビジュアルスタイルの適用 |
– |
✓ |
AI: HTML 埋め込みをプロトタイプに変換 |
– |
✓ |
AI: HTML プロトタイプをフリーフォームのワイヤーフレームに変換 |
– |
✓ |
インタラクティブなナビゲーションを追加 |
– |
✓ |
プレビューモード（インタラクティブなプロトタイプ表示） |
– |
✓ |
フォーマットコンテナとフォーカスモード |
– |
✓ |
注意： Miro Prototypes は Business プランに含まれます。Enterprise チームは Accelerate ライセンスで Miro Prototypes を利用できます。
ツールの連携方法
Miro のプロトタイピングツールは、別々の手段としてではなく組み合わせて使うように設計されています。ほとんどのチームはワークフロー全体で手動による作成と AI による作成を併用します。
次のようなことができます:
- AI で初期の画面セットを生成する
- 画面を手動で並べ替えたり調整したりする
- コンポーネントを手動で追加する
- AI を再度使ってプロトタイプのスタイルを再設定したり拡張したりする
- フィードバックセッションのためにインタラクティブなナビゲーションを追加する
- アイデアの発展に合わせて手動で改良を続ける
このハイブリッドなアプローチにより、スピード、柔軟性、そしてコントロールが得られます。