モバイルデバイスでのプロトタイプの表示

はじめに

この機能を使用できるユーザー

すべてのチームまたはプランでサポートされます。

閲覧のみアクセス権があれば、誰でもプロトタイプを見ることができます。

編集可アクセス権があれば、誰でもフレームをミラーリングできます。

Figmaモバイルアプリを使用するには、Figmaアカウントが必要です。

Figmaモバイルアプリは初めてですか? Figmaモバイルアプリのガイドを確認する →

プロトタイプで、ユーザーがデザインをどのように操作するかを再現できます。デザイン中のデバイスのプロトタイプのインタラクションを、Figmaモバイルアプリでプレビューできます。

フレームのプレビューは、プロトタイピングコネクションでのみ可能です。まだ接続をセットアップしていない場合は、Figmaでのプロトタイピングのガイドをご参照ください。

Figmaモバイルアプリ

Figmaモバイルアプリを使用して、静的デザインとプロトタイピングインタラクションの両方をプレビューできます。アプリのプレゼンテーションビュー、またはデスクトップからフレームをミラーリングして、プロトタイプをプレビューできます。

プレゼンテーションビュー

1. Figmaモバイルアプリにサインインします。
2. [新着]タブまたは[検索]タブを使用して、表示するファイルまたはプロトタイプを見つけます。
3. ファイルまたはプロトタイプをタップして開きます。ファイルで、を押してプロトタイプを表示します。

プロトタイプは[フローの開始点]に従って再生します。

プロトタイプのオプション

プロトタイプには、非表示のオプションメニューバーがあります。アクセスするには、2本の指で画面上の任意の場所を長押しします。このメニューでは、次のことができます。

• フロー開始点間の切り替え
• プロトタイプを終了して[新着]タブに戻る
• フローの開始フレームからプロトタイプを再スタート
• プロトタイプのファイルを表示
• コメントをオンにする
• ホットスポットヒントの切り替え
• プロトタイプリンクの共有

ミラーリングビュー

モバイルアプリの[ミラーリング]タブを使用して、ファイルで選択されているフレームをデスクトップに表示します。

• モバイルデバイスでフレームのリアルタイム編集を表示
• デザインのアセットがデバイス画面にどのように拡大縮小表示されるかをプレビュー

Figmaモバイルアプリは、Wi-Fiまたは携帯電話のデータで動作します。2つの間のコネクションを確立するために、同じWi-Fiネットワークに接続する必要はありません。

フレームのミラーリングは、次のようにして行います。

1. 同じログイン情報を使用して、FigmaとFigmaモバイルアプリにログインします。
2. ミラーリングするファイルをデスクトップで開きます。
3. デスクトップのファイルから、ミラーリングする最上位フレームを選択します。モバイルデバイスにミラーリングするフレームを選択する必要があります。
4. モバイルデバイスで、Figmaモバイルアプリの[ミラーリング]タブに進みます。
5. Figmaモバイルアプリで、選択したフレームが、プレビューしているデバイスの幅に合わせて拡大縮小して表示されます。

選択したフレームがプロトタイプの一部である場合は、接続されている任意のフレームを操作できます。

モバイルブラウザ

プレゼンテーションビュー

モバイルブラウザでプロトタイプリンクを開いて、モバイルでデザインをプレビューできます。これにより、プロトタイピングコネクションをナビゲートできるようになります。

通常のブラウザウィンドウ内にデザインが表示されるため、ブラウザのヘッダーとフッターは引き続き表示されます。アドレスバーなしでアプリ内エクスペリエンスを再現するには、Figmaモバイルアプリの使用をお勧めします。

モバイルデバイスのプロトタイプは、ホットスポットを使用してのみ操作できます。ブラウザの戻るアクションの使用は、モバイルデバイスではサポートされていません。

1. プレゼンテーションビューのブラウザのアドレスバーからプロトタイプリンクをコピーします。または、ツールバーの[共有]をクリックして、[リンクをコピー]をクリックします。
2. モバイルデバイスでリンクをクリックしてプロトタイプを開くか、モバイルブラウザにURLを貼り付けます。
3. プロトタイプがディスプレイに合わせて拡大縮小されます。そのため、任意のホットスポットを使って、プロトタイプを操作できます。

ミラーリングビュー

ブラウザ経由でフレームをミラーリングすることもできます。デバイスがモバイルアプリでサポートされていない場合やWebブラウザでデザインをプレビューする場合は、このアプローチをお勧めします。

1. Figmaデスクトップアプリまたはブラウザウィンドウでプレビューするファイルを開きます。
2. デバイスのモバイルブラウザからfigma.com/mirrorにアクセスします。
3. 同じアカウントの詳細情報とデスクトップ アプリまたはブラウザを使用してログインします。
4. デスクトップのファイルから、ミラーリングする最上位フレームを選択します。モバイルデバイスにミラーリングするには、デスクトップからフレームを選択する必要があります。
5. 選択したフレームがモバイルブラウザに表示されます。

トラブルシューティング

Figmaモバイルアプリの使用時に問題が発生する場合は、次のようにしてください。

• サポート対象のデバイスを使用していることを確認してください。
• モバイルデバイスにミラーリングする最上位のフレームを選択していることを確認してください。
• 同じアカウントでデスクトップバージョンとFigmaモバイルアプリの両方にログインしていることを確認してください。確認するには、ログアウトして再度サインインする必要がある場合があります。
• プレビュー中に問題が発生する場合は、アプリを強制終了してデバイスで再起動する必要がある場合があります。
• 問題が解決しない場合は、アプリをアンインストールしてダウンロードし直すことをお勧めします。Apple App StoreまたはGoogle Playストアで、Figmaモバイルアプリを探します。
• それでも問題が解決しない場合は、Figmaサポートチームのサポートを受けてください。