プロトタイプのアクション
プロトタイピングの概要については、プロトタイピングの開始ガイドをご覧ください。
操作 によって、プロトタイプでの処理の種類が定義されます。たとえば、別のフレームへの 次に移動 や、外部URLを開くなどの操作です。
インタラクションとアニメーションを含むプロトタイプの作成方法についてはこちら→
アクションの種類
次に移動
プロトタイプ内のフレーム間を移動する操作です。これは、画面全体の移動で使用する最も一般的な種類の操作です。
オーバーレイを開く
現在のフレームの上に移動先フレームを表示します。デザイン内のボタンや他のオブジェクトからモーダル、ツールチップ、警告などを表示する時に使用できます。
次にスクロール
プロトタイプまたはネストされたスクロール可能なコンテナーを、最上位フレーム内のオブジェクトにスクロールします。カルーセルなどのスクロール可能な要素を含むアンカーリンクやインタラクションの再現に便利です。
プロトタイピングパネルの[インタラクション]セクションを使用して[次にスクロール]を追加すると、スクロール可能なフレーム直下の子要素のみを選択できます。最上位フレーム内のオブジェクトを選択してから、ヌードルを移動先に設定するオブジェクトにリンクします。
[次にスクロール]では、[アニメート]オプションを使用してスクロールアニメーションを[即時]または[イーズに設定]に設定できます。
注: 隠れているフレームを移動先としてコネクションをドラッグするには、[デザイン]パネルのフレームセクションから[コンテンツを隠す]をオフにして、最初に移動先フレームを表示しておきます。
オーバーレイの入れ替え
この操作により、フレームの入れ替えを実行できます。通常のフレーム内のホットスポットからトリガーされる場合は、[次に移動] オプションと同様の動作になります。
オーバーレイの入れ替えをオーバーレイのホットスポットに適用すると、現在のオーバーレイが新しい移動先 フレームと入れ替えられます。新しいオーバーレイでは、元のオーバーレイと同じ設定が保持されます。
注: [オーバーレイの入れ替え] を使用しても、そのフレームはプロトタイプの履歴に追加されません。 [戻る] 操作を使用してオーバーレイ間を移動できるようにしたい場合は、代わりに[次に移動]オプションを使用することをおすすめします。
戻る
前の画面に戻ることができます。プロトタイプの[戻る]ボタンのシミュレーションに最適です。
オーバーレイを閉じる
このアクションにより、元のフレーム上に表示されているオーバーレイを閉じたり破棄したりできます。これを使用して、画面プロンプトや許可や却下を促すアラートを再現できます。
リンクを開く
プロトタイプ外のURLに移動できます。メインナビゲーションで使用できない外部リンクや追加リソースの使用に最適です。
このオプションを選択してから、表示されるフィールドにURLを入力します。
ヒント [リンクを開く] のホットスポットをクリックすると、リンクが新しいタブで開きます。これが外部Webサイトへのリンクの場合、Figma以外の場所に移動すると表示されます。表示されるチェックボックスを使用して、以後はこのジャンプページをスキップできます。この設定は現在のデバイスにのみ保存されます。