Figmaにおけるプロトタイピングの基本:インタラクティブなユーザーフローの作成
メニューを表示するにはスワイプしてください
Figmaのインタラクティブプロトタイプは、デザインの動作を示し、クライアントや関係者が最終製品のユーザー体験を視覚化できるようにするもの。 基本的なプロトタイプを作成する手順:
- Prototypeタブに移動し、最初のフレームを選択;
- 「Flow Starting Point」付近のプラスアイコンをクリックして開始フレームを指定。必要に応じて他のフレームにドラッグ可能;
- オブジェクトまたはフレームを選択し、青い円形ノードを別のフレームにドラッグして接続を作成;
- 接続は、矢印を空白エリアにドラッグするか、Prototypeタブのマイナスアイコンを使って調整または削除可能;
- Play/Presentアイコンをクリックしてプロトタイプを開く;
- リンクされていないエリアをクリックするとホットスポットが表示。ホットスポットはインタラクションが発生する場所で、リンク、ボタン、画像、アイコンなど元のフレーム内の任意のオブジェクトが該当。
すべて明確でしたか?
フィードバックありがとうございます!
セクション 4. 章 5
AIに質問する
AIに質問する
何でも質問するか、提案された質問の1つを試してチャットを始めてください
セクション 4. 章 5