Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
学ぶ Figmaにおけるプロトタイピングの基本:インタラクティブなユーザーフローの作成 | Figmaでのプロトタイピングの習得
FigmaによるUI/UXデザイン

bookFigmaにおけるプロトタイピングの基本:インタラクティブなユーザーフローの作成

メニューを表示するにはスワイプしてください

Figmaのインタラクティブプロトタイプは、デザインの動作を示し、クライアントや関係者が最終製品のユーザー体験を視覚化できるようにするもの。 基本的なプロトタイプを作成する手順:

  • Prototypeタブに移動し、最初のフレームを選択;
  • 「Flow Starting Point」付近のプラスアイコンをクリックして開始フレームを指定。必要に応じて他のフレームにドラッグ可能;
  • オブジェクトまたはフレームを選択し、青い円形ノードを別のフレームにドラッグして接続を作成;
  • 接続は、矢印を空白エリアにドラッグするか、Prototypeタブのマイナスアイコンを使って調整または削除可能;
  • Play/Presentアイコンをクリックしてプロトタイプを開く;
  • リンクされていないエリアをクリックするとホットスポットが表示。ホットスポットはインタラクションが発生する場所で、リンク、ボタン、画像、アイコンなど元のフレーム内の任意のオブジェクトが該当。
question mark

Figmaプロトタイプにおけるホットスポットとは何ですか?

正しい答えを選んでください

すべて明確でしたか?

どのように改善できますか?

フィードバックありがとうございます!

セクション 4.  5

AIに質問する

expand

AIに質問する

ChatGPT

何でも質問するか、提案された質問の1つを試してチャットを始めてください

セクション 4.  5
some-alt