ページとフレーム

今回は、デザインファイルの構造を整理し、効率的に進めるための基盤となるページとフレームについて説明していきます。

ページの概要

ページをは複数作成し、異なるページごとに整理できます。
例えば、ウェブサイトにはホームページ、アバウトページ、コンタクトページなどがあります。

Figmaでは、それぞれを別々のページとして作成して管理することができます。
これにより、各デザインを簡単に見つけたり編集したりできます。

ページリストの表示
ページリストを開くには、現在のページ名の矢印をクリックします。
チェックマークがついているページがキャンバスに表示されます。
ページの作成
一から新しい白紙ページを作成することも、既存のページを複製することもできます。
＋をクリックすると、ファイルに新しいページが追加されます。
追加後、新しいページに名前をつけます。
ページ名を右クリックして複製を選択します。
複製元と同じ内容のページが作成されます。

ページ名の変更
ページ名を変更する方法は2つあります。
- ページを右クリックして[名前の変更]を選択し、ページ名を変更してから、ページリストの外側をクリックして適用します。
- ページ名をダブルクリックしてページ名を変更し、ページリストの外側をクリックして適用します。
ページの削除
ページリストに表示されるページを削除します。
- ページリストで削除するページを選択します。
- ページを右クリックして1ページを削除を選択します。
ページの並び替え
ページリストに表示されるページの順序を変更します。
- ページをクリックしたまま選択します。
- 上下にドラッグするとページの順序を変更できます。
- リリースして適用します。

フレームは、実際にデザインを描く場所、つまり枠のようなものです。
例えば、ウェブページやモバイルアプリの画面をデザインする際、それぞれの画面をフレームとして作成します。

また、ナビゲーションバーやボタンなどの共通要素もフレームとして作成し、各画面に配置します。
これにより、一貫したデザインを保つことができます。

キャンバスでフレームツールを使用してフレームを作成します。
フレームツールを選択する方法はいくつかあります。