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

Figmaのサイドバーを拡大する方法を解説する1分の動画チュートリアルとガイド

AIで魅力的な製品動画とドキュメントを作成

このチュートリアルは Trupeer で 5 分以内に作成されました

無料で作成

このガイドでは、Figmaツールバーのズーム機能を効果的に使う方法を詳しく解説します。
以下の手順に従えば、メニューオプションとキーボードショートカットの両方を使って、オブジェクトを簡単に拡大・縮小できます。

Figmaでは、サイドバー、ショートカット、ジェスチャーなど、ズームレベルを調整する方法が複数用意されています。方法は次のとおりです。

1. サイドバーのズーム/表示オプションを使用する

  • キャンバスの右上に移動し、現在のズームレベルが表示されている場所を確認します(例: 「100%」)。

  • ズームのパーセンテージをクリックして、ズーム/表示オプションのドロップダウンを開きます。

ここから、次のことができます。

  • カスタムのパーセンテージ(例: 150%)を入力します。

  • プリセット値を選択します: 50%、100%、200% などにズームします。

  • 特別な表示を選択します: 画面に合わせる、選択範囲に合わせる。

  • プラス( + )またはマイナス( – )アイコンを使って、段階的に拡大・縮小します。

2. キーボードショートカットを使用する

  • 拡大: Ctrl (Windows) / Cmd (Mac) + +

  • 縮小: Ctrl (Windows) / Cmd (Mac) + -

  • 画面に合わせる: Shift + 1

  • 選択範囲に合わせる: Shift + 2

3. マウスまたはトラックパッドのジェスチャーを使用する

  • スクロールホイール + Ctrl/Cmd: スムーズに拡大/縮小します。

  • 2本指でピンチまたは広げる(トラックパッド): 自然に拡大・縮小します。

4. クイックアクション(コマンドパレット)

  • Cmd / Ctrl + / を押して、クイックアクションメニューを開きます。

  • 「Zoom」と入力し、「画面に合わせる」、「選択範囲に合わせる」、またはカスタムレベルなどのオプションから選択します。

ステップバイステップガイド: サイドバーを使ってFigmaでズームインする方法

方法 1

ステップ 1

まずはFigmaのサイドバーに注目してください。利用可能なオプションを使ってズームインする方法を見ていきます。

Begin by focusing on the Figma sidebar. We will explore how to zoom in using the available options.

ステップ 2

続行するには、画面左上にあるメニューを開きます。『表示』オプションに移動し、次に『拡大』を選択してオブジェクトを大きくします。

To proceed, open the menu located at the top left corner of your screen. Navigate to the 'View' option, then select 'Zoom In' to enlarge your object.

ステップ 3

拡大した後は、同じ手順で『縮小』を選択し、オブジェクトの倍率を下げることができます。

After zooming in, you can follow the same steps to select 'Zoom Out' when you need to reduce the magnification of your object.

方法 2

キーボードショートカットでは、Windowsユーザーは『Alt + Shift + 2』を押します。Macでは、拡大には『Command + 左矢印』、縮小には『Command + 右矢印』を使用します。

For keyboard shortcuts, Windows users can press 'Alt + Shift + 2'. On a Mac, use 'Command + Left Arrow' for zooming in and 'Command + Right Arrow' for zooming out.

サイドバーを使って Figma でズームするためのプロのコツ

  1. サイドバーのズームドロップダウンを使う:
    左側のサイドバーにはズーム操作オプションがあります。現在のズーム割合が表示される「ズームレベル」ドロップダウンをクリックし、希望するズームレベルを選択します。好みに応じて拡大・縮小できます。

  2. カスタムズームのオプション:
    詳細なデザイン作業では、より正確に調整できるよう、サイドバーのズームドロップダウンに特定のズーム率(例: 200%)を手動で入力できます。

  3. 特定の領域を拡大する:
    サイドバーのズームドロップダウンをクリックし、デザインの特定の領域に集中できるズームレベルを選びます。これにより、より正確に編集できます。

  4. 「画面に合わせる」オプションを使う:
    サイドバーで「Fit」オプションをクリックすると、デザインをキャンバスに収まるように表示できます。これによりズームレベルが自動的に調整され、デザイン全体がウィンドウ内に表示されます。

サイドバーを使って Figma でズームする際によくある落とし穴とその回避方法

  1. 拡大しすぎて全体像を見失う:
    対処法: 拡大しすぎて全体のデザインを見失わないようにしましょう。デザイン全体を表示し直すには、Fit オプションをこまめに使ってください。

  2. フレームサイズを調整せずに拡大する:
    対処法: 拡大する際は、フレームにすべての要素を収められる十分な大きさがあることを確認してください。拡大しすぎると、大きなコンポーネントが見えにくくなることがあります。

  3. レビューのために縮小するのを忘れる:
    対処法: 小さい倍率でもデザインのバランスが取れているかを確認するために、こまめに縮小しましょう。これにより、全体のレイアウトや配置を見直しやすくなります。

サイドバーを使ってFigmaでズームする際のよくある質問

  1. サイドバーの代わりにマウスでズームできますか?
    はい、Ctrl(Windows)またはCommand(Mac)を押しながらマウスホイールをスクロールしてズームインすることもできます。これは拡大・縮小を素早く行う方法です。

  2. Figmaで既定のズームレベルを設定するにはどうすればよいですか?
    Figmaには既定のズーム設定はありませんが、サイドバーのズームドロップダウンやキーボードショートカットを使って、ズームレベルをすばやく調整できます。

  3. デザインの特定の部分にズームできますか?
    はい、サイドバーのズームドロップダウンでズームレベルを調整し、その後キャンバスをドラッグして必要な部分に焦点を合わせてください。

  4. デザイン全体に合うようにズームをリセットするにはどうすればよいですか?
    サイドバーのズームコントロールにあるFitボタンをクリックすると、表示が自動的に調整され、デザイン全体がキャンバス内に収まります。

  5. ズームイン・ズームアウトのショートカットはありますか?
    はい、Ctrl + マウスホイール(Windows)またはCommand + マウスホイール(Mac)を使ってすばやくズームイン・ズームアウトできます。別の方法として、キーボードでズームするにはCtrl +(プラス)またはCtrl +(マイナス)を使います。

  6. Macで画面録画するには? 
    Macで画面録画するには、Trupeer AIを使用できます。これを使うと、画面全体をキャプチャできるうえ、AIアバターの追加、ナレーションの追加、動画内でのズームイン・ズームアウトなどのAI機能も利用できます。TrupeerのAI動画翻訳機能を使えば、動画を30以上の言語に翻訳できます。 

  7. 画面録画にAIアバターを追加するには?
    画面録画にAIアバターを追加するには、AI画面録画ツールを使用する必要があります。Trupeer AIはAI画面録画ツールで、複数のアバターを使った動画の作成を支援し、動画用の自分のアバターを作成することもできます。

  8. Windowsで画面録画するには?
    Windowsで画面録画するには、Windowsに標準搭載のGame Bar(Windows + G)や、AIアバター、ナレーション、翻訳などのより高度な機能を備えたTrupeer AIのような先進的なAIツールを使用できます。

  9. 動画にナレーションを追加するには?
    動画にナレーションを追加するには、trupeer aiのChrome拡張機能をダウンロードしてください。サインアップ後、音声付きの動画をアップロードし、Trupeerから希望のナレーションを選択して、編集済みの動画を書き出します。 

  10. 画面録画でズームインするには?
    画面録画中にズームインするには、Trupeer AIのズーム効果を使います。これにより、特定の瞬間にズームイン・ズームアウトでき、動画コンテンツの視覚的なインパクトを高められます。

おすすめ記事

技術ドキュメントジェネレーター

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

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

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

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

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

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

Figmaで背景をぼかす方法

動画編集者、翻訳者、脚本家が必要ですか?

Trupeerを無料でお試しください

デモを予約する

動画編集者、翻訳者、脚本家が必要ですか?

Trupeerを無料でお試しください

デモを予約する

動画編集者、翻訳者、脚本家が必要ですか?

Trupeerを無料でお試しください

デモを予約する