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でのプロジェクトセットアップ

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

プロジェクト名の変更

上部のプロジェクト名をダブルクリックして名前を変更。Enter/Returnキーで変更を保存。

主なインターフェースコンポーネント

  • ページとレイヤー:左側に配置され、コンテンツの整理に使用;

  • デザインパネル: 右側にあり、デザイン、プロトタイピング、アニメーションの設定を含む;

  • ツールバー: キャンバス下部に位置し、次の章で説明するツールを含む。

ドロップダウンメニュー

矢印アイコンからアクセス可能。このメニューには:

  • 新しいウィンドウ:別のFigmaウィンドウを開く;
  • 新しいタブ:「新規作成」ボタンと同様;
  • ブラウザで開く:プロジェクトをブラウザで表示;
  • クリップボードからファイルを開く:ファイルを貼り付けて直接開く;
  • タブの閉じる/再度開く:Figmaのタブやウィンドウの管理;
  • プラグインとインターフェーススケール:スケール(例:110%)の調整やプラグインの管理;
  • 設定:設定、ヘルプガイド、アップデート、「Figmaについて」へのアクセス。

UI最小化アイコン

左右のパネルの表示/非表示を切り替え。

検索アイコン

プロジェクト内のアセットやコンポーネントを素早く検索。

プレゼンテーションモード

  • プレゼントアイコンを使い、デバイスモックアップ(例:iPhone、MacBook)でフレームを表示;
  • デバイスの変更やモックアップフレームのオン/オフ切り替え;
  • 右上のボタンからフルスクリーンモードに切り替え。

共有オプション

  • 共有ボタンでリンク、メール招待、開発者/プロトタイプリンクのコピーによるファイル共有;
  • 権限(閲覧/編集)や、コミュニティへの公開、埋め込みコード取得の設定。

ファイル管理

以下でプロジェクトを検索・フィルタ:

  • ファイルタイプ:デザインファイル、FigJamボード、スライド;
  • 作成者、組織、フォルダ

表示オプション

  • グリッド/サムネイル表示またはリスト表示の選択;
  • 名前や作成日(古い順/新しい順)での並び替え。

1. デスクトップ版のFigmaがブラウザ版と比べて提供する追加機能は何ですか?

2. プレゼンテーションモードで「デバイスフレームを表示」オプションは何をしますか?

question mark

デスクトップ版のFigmaがブラウザ版と比べて提供する追加機能は何ですか?

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

question mark

プレゼンテーションモードで「デバイスフレームを表示」オプションは何をしますか?

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

すべて明確でしたか?

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

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

セクション 1.  3

AIに質問する

expand

AIに質問する

ChatGPT

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

セクション 1.  3
some-alt