チュートリアル

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

複数のページやデザインを一度にCanvaから簡単にダウンロードする方法を学びましょう。この簡単なガイドは、時間を節約し、作業の流れを効率化する手順を説明します。

私たちのAIビデオ+ドキュメントジェネレーターで動画を作成し始めましょう

私たちのAIビデオ+ドキュメントジェネレーターで動画を作成し始めましょう

このガイドは、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でページを拡張するには、まず拡張したいサンプルデザインを開きます。ページの端に移動してそれをクリックします。

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

To begin extending a page in Figma, first open the sample design you wish to extend. Navigate to the extreme corner of your page and click on it.  Next, locate the resize button as indicated in the image. Click on this button to extend or resize your page to your desired dimensions.

方法2

固定スケールまたはアスペクト比を維持しながらサイズ変更したい場合は、"K"キーを押してスケールツールをアクティブにします。これにより、既存のページのスケールを自動的に固定しながらサイズを変更できます。

If you wish to resize while maintaining a fixed scale or aspect ratio, press the "K" key to activate the scale tool. This allows you to resize while automatically keeping the scale of the existing page fixed

方法3

ページを複製して拡張するには、Windowsを使用している場合は"Ctrl + D"、Macを使用している場合は"Command + D"を押します。このアクションは、ページを複製し、新しいインスタンスを作成します。

To extend the page by duplicating it, press "Ctrl + D" if you are using Windows, or "Command + D" if you are using a Mac. This action will duplicate your page and create a new instance.

このガイドは、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でページを拡張するには、まず拡張したいサンプルデザインを開きます。ページの端に移動してそれをクリックします。

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

To begin extending a page in Figma, first open the sample design you wish to extend. Navigate to the extreme corner of your page and click on it.  Next, locate the resize button as indicated in the image. Click on this button to extend or resize your page to your desired dimensions.

方法2

固定スケールまたはアスペクト比を維持しながらサイズ変更したい場合は、"K"キーを押してスケールツールをアクティブにします。これにより、既存のページのスケールを自動的に固定しながらサイズを変更できます。

If you wish to resize while maintaining a fixed scale or aspect ratio, press the "K" key to activate the scale tool. This allows you to resize while automatically keeping the scale of the existing page fixed

方法3

ページを複製して拡張するには、Windowsを使用している場合は"Ctrl + D"、Macを使用している場合は"Command + D"を押します。このアクションは、ページを複製し、新しいインスタンスを作成します。

To extend the page by duplicating it, press "Ctrl + D" if you are using Windows, or "Command + D" if you are using a Mac. This action will duplicate your page and create a new instance.

無料でAIビデオ+ドキュメントジェネレーターを使って動画を作成し始めましょう

無料でAIビデオ+ドキュメントジェネレーターを使って動画を作成し始めましょう

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

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

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

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

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

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

    ページを拡張することはキャンバスまたはフレームのサイズのみを調整し、既存の要素の配置には影響を与えません。ただし、新しいキャンバスの寸法に合わせてデザインコンポーネントを調整する必要がある場合がありますので注意してください。

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

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

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

  3. ページを拡張すると、デザインのエクスポートに影響を与えることがあります。特にエクスポート設定が新しい寸法に一致しない場合は注意が必要です。リサイズ後は必ずエクスポート設定を確認してください。

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

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

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

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

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

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

    ページを拡張することはキャンバスまたはフレームのサイズのみを調整し、既存の要素の配置には影響を与えません。ただし、新しいキャンバスの寸法に合わせてデザインコンポーネントを調整する必要がある場合がありますので注意してください。

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

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

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

  3. ページを拡張すると、デザインのエクスポートに影響を与えることがあります。特にエクスポート設定が新しい寸法に一致しない場合は注意が必要です。リサイズ後は必ずエクスポート設定を確認してください。

Figmaでページを拡張する方法に関する一般的なFAQ

  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)またはTrupeer AIなどの高度なAIツールを使用して、AIアバター、ナレーション、翻訳などのより高度な機能を利用できます。

  7. ビデオにナレーションを追加するには?
    ビデオにナレーションを追加するには、Trupeer AIのChrome拡張機能をダウンロードします。サインアップしたら、音声を含むビデオをアップロードし、Trupeerから希望するナレーションを選択し、編集したビデオをエクスポートします。 

  8. 画面録画でズームインするには?
    画面録画中にズームインするには、Trupeer AIのズーム効果を使用します。これにより、特定の瞬間にズームインおよびズームアウトでき、ビデオコンテンツの視覚的なインパクトを高めることができます。

人々も質問します

技術文書ジェネレーター

ユーザーマニュアルガイド

ナレッジベースソフトウェア

Figmaでフレーム名を非表示にする方法

Figmaファイルを保存する方法

Figmaでグリッドを作成する方法

サイドバーを使用してFigmaでズームインする方法

Figmaで背景をぼかす方法

Figmaでページを拡張する方法に関する一般的なFAQ

  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)またはTrupeer AIなどの高度なAIツールを使用して、AIアバター、ナレーション、翻訳などのより高度な機能を利用できます。

  7. ビデオにナレーションを追加するには?
    ビデオにナレーションを追加するには、Trupeer AIのChrome拡張機能をダウンロードします。サインアップしたら、音声を含むビデオをアップロードし、Trupeerから希望するナレーションを選択し、編集したビデオをエクスポートします。 

  8. 画面録画でズームインするには?
    画面録画中にズームインするには、Trupeer AIのズーム効果を使用します。これにより、特定の瞬間にズームインおよびズームアウトでき、ビデオコンテンツの視覚的なインパクトを高めることができます。

人々も質問します

技術文書ジェネレーター

ユーザーマニュアルガイド

ナレッジベースソフトウェア

Figmaでフレーム名を非表示にする方法

Figmaファイルを保存する方法

Figmaでグリッドを作成する方法

サイドバーを使用してFigmaでズームインする方法

Figmaで背景をぼかす方法

私たちのAIビデオ+ドキュメントジェネレーターで動画を作成し始めましょう

私たちのAIビデオ+ドキュメントジェネレーターで動画を作成し始めましょう

私たちのAIビデオ+ドキュメントジェネレーターで動画を作成し始めましょう

粗いスクリーン録画からのインスタントAI製品ビデオとドキュメント

無料で始める

無料で始める

新しくてより速い製品動画の作成方法を体験してください。

粗いスクリーン録画からのインスタントAI製品動画とドキュメント。

Get started for free

無料で始める

新しくてより速い製品動画の作成方法を体験してください。

粗いスクリーン録画からのインスタントAI製品動画とドキュメント。

Get started for free

無料で始める

新しくてより速い製品動画の作成方法を体験してください。

粗いスクリーン録画からのインスタントAI製品動画とドキュメント。

Get started for free

無料で始める