Figmaでページを分ける区切り線を追加する方法

今回はFigmaの左ペインでページの区切り線（ディバイダー）を追加する方法の紹介です。巷ではページ名を「---」などにして空ページを擬似的に区切り線として運用されていましたが、アップデートにより明確にディバイダーを追加できるようになりました。

この記事のターゲット

• Figmaでページの区切り線を追加したい方

• Figmaのページの区切り線を空ページの名前を工夫して運用している方

ページの区切り線の追加

手順は次のとおりです。

1. 左ペインのタブの最右にある「Page▼」を押してページ一覧を開く

2. 「ページ」セクションの「+」ボタンを推して新規ページを追加

3. ページ名の入力時に --- または *** を入力する

これで、空ページを区切り線に変換することができます。

区切り線の上で右クリックして、名前を変更する際にページ名を --- または *** 以外の文字列に戻すと空ページに変換されます。

なお、区切り線の変換は空ページの場合のみ有効のようです。ページ内にオブジェクトがある状態でページ名を --- または *** に変更しても、区切り線には変換されません。

区切り線の右クリックメニューからは、区切り線の複製と削除ができます。

この記事を見た方におすすめの記事

Figmaで画面タブを分割して２画面表示する方法

今回は、Figmaの画面タブを２画面に分割して表示する方法を紹介します。FigJamを眺めながらFigmaで画面レイアウトを作成したり、プロトタイプで画面全体を表示しながらコンポーネントを調整するなどの使い方ができます。 ... 続きを読む

Figmaで範囲指定してコメントをする方法

今回は、Figmaで指定した範囲に対してコメントする方法を紹介します。この方法を使えば、コメントの指摘がどの範囲について言及しているものかを伝えやすくなります。 ... 続きを読む

Figmaの画面レイアウトや配置に関する機能のまとめ

FigmaでUIや画面のレイアウトを設計する際に便利な機能やテクニックのまとめです。 ... 続きを読む