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のページは左側のパネルにあり、複数のページ(例:Home、About、Contact)を作成可能;
  • ページ名をダブルクリックすることで名前を変更でき、視覚的な区別のために背景色も変更可能;
  • 背景色の変更は実際のデザインには影響しないが、プレゼンテーションには有効;
  • 各ツールには小さな矢印で示されたグループ化されたオプションがある;
  • ツールを選択すると、そのツール固有の設定がデザインパネルに表示される(例:フレーム、テキスト、シェイプツール)。

ページとフレームの違い

  • ページ:作業を整理するための空白のキャンバスやワークスペース。WordやIllustratorの空白シートに相当;
  • フレーム:デザインを配置するためのアートボードとして機能。カスタムサイズやプリセットから選択可能。フレームはレイヤーパネルにレイヤーとして表示され、デザインの構造化に使用。

ページは整理用、フレームは特定のコンポーネントや画面のレイアウト・デザイン用。

question mark

ページとフレームの関係を最もよく表しているのはどの説明ですか?

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

すべて明確でしたか?

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

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

セクション 1.  4

AIに質問する

expand

AIに質問する

ChatGPT

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

セクション 1.  4
some-alt