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

このガイドでは、Figmaでページを拡張するための明確で簡潔な方法を提供します。
このプロセスには、デザインの整合性を維持しながら、ページのサイズ変更または複製が含まれます。効率的にFigmaプロジェクトレイアウトを管理するために、次の手順に従ってください。

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

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

フレーム内で作業している場合（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"を押します。この操作により、ページが複製され、新しいインスタンスが作成されます。

Figmaでページを拡張するためのプロのヒント

1. Figmaでキャンバスサイズを拡張するにはどうすればよいですか？

   Figmaでキャンバスサイズを拡張するには、エディター内でキャンバスの端をクリックしてドラッグします。また、フレームまたはアートボードを選択して、そのハンドルをドラッグすることでサイズ変更ツールを使用できます。

2. Figmaでカスタムページサイズを設定できますか？

   はい、できます。フレームまたはアートボードを選択すると、右側のプロパティパネルで幅と高さのオプションが表示されます。希望する寸法を入力して、ページまたはデザイン領域のカスタムサイズを設定します。

3. Figmaでページを拡張すると、既存の要素に影響しますか？

   ページを拡張すると、キャンバスまたはフレームのサイズが調整され、既存の要素の配置には影響しません。ただし、新しいキャンバスの寸法に収まるようにデザインコンポーネントを調整して必要に応じてください。

Figmaでページを拡張する際の一般的な落とし穴とその回避方法

1. ページを不必要に拡張すると、プロジェクトをナビゲートしづらくなり、共同作業者を混乱させる可能性があります。

2. 非常に大きなキャンバスサイズや多数の要素があると、Figmaのパフォーマンスが低下する可能性があります。拡張を管理可能で最適化された状態に保ってください。

3. ページを拡張すると、特にエクスポート設定が新しい寸法と一致しない場合、デザインのエクスポートに影響を与える可能性があります。サイズ変更後は常にエクスポート設定を確認してください。

Figmaでページを拡張するための一般的なQ&A

1. Figmaでキャンバスサイズを拡張するにはどうすればよいですか？
   Figmaでキャンバスサイズを拡張するには、エディター内でキャンバスの端をクリックしてドラッグします。また、フレームまたはアートボードを選択して、そのハンドルをドラッグすることでサイズ変更ツールを使用できます。

2. Figmaでカスタムページサイズを設定できますか？
   はい、できます。フレームまたはアートボードを選択すると、右側のプロパティパネルで幅と高さのオプションが表示されます。希望する寸法を入力して、ページまたはデザイン領域のカスタムサイズを設定します。

3. Figmaでページを拡張すると、既存の要素に影響しますか？
   ページを拡張すると、キャンバスまたはフレームのサイズが調整され、既存の要素の配置には影響しません。ただし、新しいキャンバスの寸法に収まるようにデザインコンポーネントを調整して必要に応じてください。

4. Macで画面を録画するにはどうすればよいですか？ 
   Macで画面を録画するには、Trupeer AIを使用できます。これにより、画面全体をキャプチャでき、AIアバターの追加、ナレーションの追加、動画のズームイン・ズームアウトなどのAI機能が提供されます。TrupeerのAI動画翻訳機能を使用すれば、動画を30以上の言語に翻訳できます。

5. 画面録画にAIアバターを追加するにはどうすればよいですか？
   画面録画にAIアバターを追加するには、AIスクリーン録画ツールを使用する必要があります。Trupeer AIはAIスクリーン録画ツールであり、複数のアバターで動画を作成するのに役立ち、動画用のオリジナルのアバターを作成するのに役立ちます。

6. Windowsで画面を録画するにはどうすればよいですか？
   Windowsで画面を録画するには、組み込みのゲームバー（Windows + G）を使用するか、AIアバター、ナレーション、翻訳などの高度な機能を使用するためのTrupeer AIなどの高度なAIツールを使用できます。

7. 動画にナレーションを追加するにはどうすればよいですか？
   動画にナレーションを追加するには、Trupeer AIのChrome拡張機能をダウンロードします。サインアップしたら、音声付きの動画をアップロードし、Trupeerから希望のナレーションを選択し、編集した動画をエクスポートします。

8. スクリーン録画中にズームインするにはどうすればよいですか？
   スクリーン録画中にズームインするには、Trupeer AIのズームエフェクトを使用して特定の瞬間にズームイン・ズームアウトでき、動画コンテンツの視覚的インパクトを強化します。