Framerロゴボタン

• ツールバーの一番左に位置します。

• プロジェクト関連のメニュー（新しいプロジェクト作成、読み込み、設定など）を開くことができます。

• Macのメニューバーと同様の役割です。

Insert

• +アイコンで示されます。

• テキスト、ボタン、画像、コンポーネントなどの様々な要素を挿入するパネルを表示します。ショートカットキー:
  I

• デザイナーのツールボックスのような役割です。

Layout

• フレームまたはグリッドレイアウトを挿入するときに使用します。

• レスポンシブウェブデザイン設計に役立ちます。

Text

• テキストボックスを挿入できます。

• クリック後にすぐ入力したり、位置指定が可能です。

Vector

• 基本形状またはカスタムパスを描くことができます。

• ロゴ、アイコン、イラスト作成に役立ちます。

CMS

• コンテンツ管理システム（CMS）パネルに入るときに使用します。

• ブログ、製品リストなどの繰り返しコンテンツの構成と管理に適しています。

プロジェクト名

• クリックするとプロジェクト名の変更やフォルダ位置の変更ができます。

• 公開されたサイトであれば、その隣にサイトURLが表示され、クリックするとすぐに開けます。

協力者表示

• 現在このプロジェクトにアクセス中のチームメンバーのプロファイル画像が表示されます。

• リアルタイム協力が可能で、マウスを置くと誰がどの作業をしているのか確認できます。

ローカライゼーション

• プロジェクトの言語および地域設定を行うことができます。多言語ウェブサイトを制作する際、この設定により地域別コンテンツを分岐して表示できます。

• 言語ごとに別のURLをリンクすることや、テキストを別に設定することが可能です。

設定

• 現在のページまたは全サイトの詳細設定ウィンドウです。

• SEO、Favicon、Open Graph、ウェブサイト背景色などの各種環境設定を調整できます。

• モバイルビューおよびデスクトップビューの初期画面設定もここで変更可能です。

プレビューモード

• 作成したページを実際のブラウザのようにプレビューできるモードです。

• レスポンシブビューをテストしたりインタラクションがどう動作するか確認する際に役立ちます。

• 新しいタブで開かずにFramer内部で直接確認できるためスピーディです。

招待ボタン

• 他のユーザーをこのプロジェクトに共同作業者として招待できます。

• メールアドレスまたはFramerアカウントを通じて招待可能で、権限設定もサポートします（ビューオンリー、編集可能など）。

公開ボタン

• ウェブサイトをインターネットに公開する機能です。

• 初めて一度パブリッシュすれば公開URLが生成され、その後は変更があるたびに更新可能です。

Pages

• プロジェクト内の各ページを管理します。新たに作成したり編集することができます。

Layers

• 現在のページにあるすべての要素（テキスト、ボタン、フレームなど）を階層構造で表示します。

• 上部のPage Switcherを使って他のページにすぐに切り替えることも可能です。

Assets

• プロジェクト内のコンポーネント、スタイル、コードファイルを一箇所で管理できます。Figmaを使ったことがある人には、Layersパネルとほとんど同じに感じられるでしょう。

プロパティパネル (Properties Panel)

• 選択した要素によって内容が変わるコンテキストベースパネルです。

• テキストボックスを選択するとフォント、サイズ、スペーシングなどのテキスト関連設定が表示され、Breakpointを選択するとレスポンシブレイアウト関連設定のみが表示されます。

Pan Tool

• キャンバスを自由に移動できるツールです。

• Spacebarを押しながらドラッグすると画面全体を移動できます。

• 作業範囲が広くなるほど頻繁に使用される基本操作ツールです。

コメントツール

• デザインにフィードバックを残したり、注釈を加えるツールです。

• 希望の位置にクリックしてコメントを入力することができ、協力時に非常に有用です。

• リアルタイムコミュニケーションが可能で、作業の流れを簡潔にします。

昼/夜モード切り替え

• インターフェースと一緒にサイトテーマまで同時にライト/ダークモードに切り替えられます。

• デザイン中に視覚的なコントラストをチェックしたり、プレビュー画面を状況別にテストする際に役立ちます。

ズームツール

• キャンバスを拡大/縮小して作業エリアを調整できます。

• ショートカットキー: 
  Zoom to Fit: Shift + 1 (全体表示) 
  Zoom to Selection: Shift + 2 (選択要素中心表示)  
  Zoom to 100%: Shift + 0 (実物大表示)

• 拡大状態での作業のみだと実際の比率を混同する可能性があるので、度々100%で確認する習慣をつけたほうが良いです。