実施できる人: すべてのユーザー
対象プラン: Starter, Business, Enterprise
対応プラットフォーム: ブラウザー、デスクトップ
Miroでのプロトタイピングは、チームがアイデアを視覚的に探求し、デジタル体験の初期バージョンを構築するのに役立ちます。Miroは、基本的な手動スクリーン作成ツールを提供し、AI駆動の作成およびインタラクティブな動作を拡張するオプションのMiro Prototypes アドオンを追加できます。
ワークフロー全体で、この両方のアプローチを活用できます。
💡 上記のビデオでは、フロー、AI サイドキック、およびMiroのMCPサーバーも紹介しています。
プロトタイピングにおすすめのツール
Miroのプロトタイピングワークフローは、以下の4つのツールに基づいて構築されています。
- コンポーネント — UI要素、デバイス、アイコン、高度なコンポーネント。
- 作成方法 — 手動での画面作成またはAIを活用した生成。
- インタラクション — スタティックなレイアウトまたはインタラクティブなクリックスループレビュー。
- フォーマット — プロトタイプのためのコンテナで、フォーカスモードへの素早いアクセスとプレビューが可能です。
アクセスはプランおよびアドオンの利用可否によります。
無料機能とアドオンプロトタイピング機能
機能 |
すべてのユーザー |
Miro プロトタイプ アドオン |
プロトタイプ画面（モバイル、デスクトップ、タブレット） |
✓ |
✓ |
プロトタイピングライブラリの基本 UI コンポーネントとアイコン |
✓ |
✓ |
プロトタイピングライブラリ 高度なコンポーネント |
– |
✓ |
AI: テキストやキャンバスの内容から画面を生成 |
– |
✓ |
AI: スクリーンショットを編集可能なモックアップに変換 |
– |
✓ |
AI: プロンプトで画面を改善または拡張 |
– |
✓ |
AI: 画像を用いたビジュアルスタイリング |
– |
✓ |
インタラクティブなナビゲーションの追加 |
– |
✓ |
プレビュー モード（インタラクティブなプロトタイプ閲覧） |
– |
✓ |
フォーマット コンテナとフォーカスモード |
– |
✓ |
ツールの連携方法
Miro のプロトタイピングツールは、別々のルートではなく、組み合わせて使用するように設計されています。ほとんどのチームはワークフロー全体で手動の作成とAI主導の作成を組み合わせています。
以下のことを行うかもしれません:
- AIで初期の画面セットを生成する。
- 画面を手動で再配置または調整する。
- 手動でコンポーネントを追加する。
- プロトタイプを再スタイルしたり拡張したりするために再びAIを使用する。
- フィードバックセッション用にインタラクティブなナビゲーションを追加する。
- アイデアが発展するにつれて手動で洗練を続ける。
このハイブリッド アプローチにより、スピード、柔軟性、コントロールを手に入れることができます。
Miro Prototypes のワークフロー ベスト プラクティスについてさらに学びましょう
次のステップ
- 画面を手動で作成および編集する → プロトタイピング ライブラリ
- インタラクティブ要素を追加し、AI駆動プロトタイピングを使用する → Miro Prototypes
- アドオンを有効化または管理する → Miro Prototypes アドオン