モバイルデバイスでのプロトタイプの表示
はじめに
この機能を使用できるユーザー
Figmaモバイルアプリを使用するには、Figmaアカウントが必要です。
Figmaモバイルアプリは初めてですか? Figmaモバイルアプリのガイドを確認する →
プロトタイプで、ユーザーがデザインをどのように操作するかを再現できます。デザイン中のデバイスのプロトタイプのインタラクションを、Figmaモバイルアプリでプレビューできます。
フレームのプレビューは、プロトタイピングコネクションでのみ可能です。まだ接続をセットアップしていない場合は、Figmaでのプロトタイピングのガイドをご参照ください。
Figmaモバイルアプリ
Figmaモバイルアプリを使用して、静的デザインとプロトタイピングインタラクションの両方をプレビューできます。アプリのプレゼンテーションビュー、またはデスクトップからフレームをミラーリングして、プロトタイプをプレビューできます。
注: 現在、プロトタイプの動画は、Figmaモバイルアプリではサポートされていません。
プレゼンテーションビュー
- Figmaモバイルアプリにサインインします。
- [新着]タブまたは[検索]タブを使用して、表示するファイルまたはプロトタイプを見つけます。
- ファイルまたはプロトタイプをタップして開きます。ファイルで、を押してプロトタイプを表示します。
プロトタイプは[フローの開始点]に従って再生します。
注: プレゼンテーションビューでインタラクティブにするには、フレームにプロトタイプコネクションが必要です。プロトタイプの構築方法 →
プロトタイプのオプション
プロトタイプには、非表示のオプションメニューバーがあります。アクセスするには、2本の指で画面上の任意の場所を長押しします。このメニューでは、次のことができます。
- フロー開始点間の切り替え
- プロトタイプを終了して[新着]タブに戻る
- フローの開始フレームからプロトタイプを再スタート
- プロトタイプのファイルを表示
- コメントをオンにする
- ホットスポットヒントの切り替え
- プロトタイプリンクの共有
ミラーリングビュー
モバイルアプリの[ミラーリング]タブを使用して、ファイルで選択されているフレームをデスクトップに表示します。
- モバイルデバイスでフレームのリアルタイム編集を表示
- デザインのアセットがデバイス画面にどのように拡大縮小表示されるかをプレビュー
Figmaモバイルアプリは、Wi-Fiまたは携帯電話のデータで動作します。2つの間のコネクションを確立するために、同じWi-Fiネットワークに接続する必要はありません。
フレームのミラーリングは、次のようにして行います。
- 同じログイン情報を使用して、FigmaとFigmaモバイルアプリにログインします。
- ミラーリングするファイルをデスクトップで開きます。
- デスクトップのファイルから、ミラーリングする最上位フレームを選択します。モバイルデバイスにミラーリングするフレームを選択する必要があります。
- モバイルデバイスで、Figmaモバイルアプリの[ミラーリング]タブに進みます。
- Figmaモバイルアプリで、選択したフレームが、プレビューしているデバイスの幅に合わせて拡大縮小して表示されます。
選択したフレームがプロトタイプの一部である場合は、接続されている任意のフレームを操作できます。
ヒント! モバイルデバイスがFigmaモバイルアプリでサポートされていない場合は、モバイルブラウザを使用してプロトタイプをミラーリングできます↓
モバイルブラウザ
プレゼンテーションビュー
モバイルブラウザでプロトタイプリンクを開いて、モバイルでデザインをプレビューできます。これにより、プロトタイピングコネクションをナビゲートできるようになります。
通常のブラウザウィンドウ内にデザインが表示されるため、ブラウザのヘッダーとフッターは引き続き表示されます。アドレスバーなしでアプリ内エクスペリエンスを再現するには、Figmaモバイルアプリの使用をお勧めします。
モバイルデバイスのプロトタイプは、ホットスポットを使用してのみ操作できます。ブラウザの戻るアクションの使用は、モバイルデバイスではサポートされていません。
- プレゼンテーションビューのブラウザのアドレスバーからプロトタイプリンクをコピーします。または、ツールバーの[共有]をクリックして、[リンクをコピー]をクリックします。
- モバイルデバイスでリンクをクリックしてプロトタイプを開くか、モバイルブラウザにURLを貼り付けます。
- プロトタイプがディスプレイに合わせて拡大縮小されます。そのため、任意のホットスポットを使って、プロトタイプを操作できます。
注: 公開リンクアクセスを介してプロトタイプを共有している場合、リンクを使うユーザーは誰でもプロトタイプを表示できます。ファイルが公開リンクアクセス経由で共有されていない場合、ファイルの表示に必要なのは無料のFigmaアカウントのみです。プロトタイプの共有→
ミラーリングビュー
ブラウザ経由でフレームをミラーリングすることもできます。デバイスがモバイルアプリでサポートされていない場合やWebブラウザでデザインをプレビューする場合は、このアプローチをお勧めします。
- Figmaデスクトップアプリまたはブラウザウィンドウでプレビューするファイルを開きます。
- デバイスのモバイルブラウザからfigma.com/mirrorにアクセスします。
- 同じアカウントの詳細情報とデスクトップ アプリまたはブラウザを使用してログインします。
- デスクトップのファイルから、ミラーリングする最上位フレームを選択します。モバイルデバイスにミラーリングするには、デスクトップからフレームを選択する必要があります。
- 選択したフレームがモバイルブラウザに表示されます。
トラブルシューティング
Figmaモバイルアプリの使用時に問題が発生する場合は、次のようにしてください。
- サポート対象のデバイスを使用していることを確認してください。
- モバイルデバイスにミラーリングする最上位のフレームを選択していることを確認してください。
- 同じアカウントでデスクトップバージョンとFigmaモバイルアプリの両方にログインしていることを確認してください。確認するには、ログアウトして再度サインインする必要がある場合があります。
- プレビュー中に問題が発生する場合は、アプリを強制終了してデバイスで再起動する必要がある場合があります。
- 問題が解決しない場合は、アプリをアンインストールしてダウンロードし直すことをお勧めします。Apple App StoreまたはGoogle Playストアで、Figmaモバイルアプリを探します。
- それでも問題が解決しない場合は、Figmaサポートチームのサポートを受けてください。
Figmaフォーラムから、質問、フィードバックの共有、Figmaコミュニティとつながることができます!