Figmaでページを拡張する方法

このガイドでは、Figmaでページを拡張するための明確で簡潔な方法を紹介します。
このプロセスでは、デザインの整合性を保ちながら、ページのサイズを変更するか、複製します。以下の手順に従って、Figmaプロジェクトのレイアウトを効率的に管理しましょう。

Figmaには、他のいくつかのデザインツールにあるような文字どおりのページを拡張するボタンはありませんが、フレームのサイズ変更、表示の調整、新しいページの追加によって、作業スペースを簡単に拡張できます。方法は次のとおりです。

1. フレームのサイズ変更

Figma内のフレーム（Figmaではページのように機能します）で作業している場合、より多くのコンテンツに合わせてフレームを広げることができます。

• フレームを選択する：サイズ変更したいフレームをクリックします。

• 右側のサイドバーを使う：右側のデザインパネルを開きます。

• ドラッグしてサイズ変更する：カーソルが変わるまでフレームの端にカーソルを合わせ、垂直、水平、または両方向にドラッグしてフレームを大きくします。

• 制約を適用する：水平または垂直の制約を設定して、サイズ変更時にコンテンツが適切に調整されるようにします。

2. 表示の調整（ズーム）

場合によっては、フレームを拡張する必要はなく、ズームアウトしたりインターフェースのスケールを調整したりするだけで、キャンバスをより多く表示できます。

• ブラウザーでは、ブラウザーのズーム設定（通常は 表示 > ズーム から）を使用します。

• Figmaデスクトップアプリでは：

  • 上部メニューの 表示 に移動します。

  • インターフェーススケール にカーソルを合わせ、「大きくする」や「デフォルトに戻す」などのオプションを選びます。

• キーボードショートカット：

  • Mac：

    • リセット: Option + Shift + Command + 0

    • 拡大: Option + Shift + Command + =

    • 縮小: Option + Shift + Command + -

  • Windows：

    • リセット: Ctrl + Shift + Alt + 0

    • 拡大: Ctrl + Shift + Alt + =

    • 縮小: Ctrl + Shift + Alt + -

3. ページの追加または管理

スペースが足りなくなった場合や、デザインをより整理したい場合は、ページを追加するだけです。

• 新しいページを追加する：左上のキャンバスで現在のページ名（たとえば「ページ 1」）をクリックし、「+」を押して新しいページを作成します。

• ページ名を変更する：整理しやすくするために、ページ名をもう一度クリックして名前を変更します。

• プラグインを使う：複数の新しいページをすばやく一括作成する必要がある場合は、複数ページを追加 などのプラグインを試してみてください。

ステップごとのガイド：Figmaでページを拡張する方法

方法 1

Figmaでページの拡張を始めるには、まず拡張したいサンプルデザインを開きます。ページのいちばん端の角まで移動し、それをクリックします。

次に、画像に示されているサイズ変更ボタンを見つけます。このボタンをクリックして、ページを希望のサイズに拡張または変更します。

方法 2

固定されたスケールや縦横比を保ちながらサイズを変更したい場合は、「K」キーを押してスケールツールを有効にします。これにより、既存のページのスケールを自動的に固定したままサイズ変更できます。

方法 3

ページを複製して拡張するには、Windowsを使用している場合は「Ctrl + D」、Macを使用している場合は「Command + D」を押します。この操作により、ページが複製され、新しいインスタンスが作成されます。