Figmaでオブジェクトをミラーリングする方法

Figmaでフリップツール、スマートガイド、キーボードショートカットを使ってオブジェクトを反転する方法を学びましょう。デザインを水平または垂直に、正確に反転するためのクイックガイドです。

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

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

無料で作成

詳細な手順:

ダウンロードとインストール: デバイスのアプリストア(Google Play ストアまたは Apple App Store)から Figma Mirror アプリをダウンロードしてインストールするか、モバイルブラウザで figma.com/mirror にアクセスします。 
ログイン: Figma Mirror アプリを開き、デスクトップアプリまたはブラウザと同じ Figma アカウントでログインします。 
デザインを開く: デスクトップアプリまたはブラウザで目的の Figma ファイルを開きます。 
フレームを選択: モバイルデバイスでミラーリングしたい最上位のフレームを選択します。 
ミラーリングを開始: Figma Mirror アプリで、「ミラーリングを開始」ボタン(またはアプリのバージョンによっては同様のボタン)をタップします。 
表示して操作: 選択したフレームがモバイルデバイスに表示され、プロトタイプとして操作できます。 

ステップごとのガイド: Figma でオブジェクトをミラーリングする方法

ステップ 1

まず、ミラーリングしたいオブジェクトが選択されていることを確認します。

To begin, ensure you have the object selected that you wish to mirror.

ステップ 2

次に、Figma のインターフェースでアクションメニューを見つけてクリックします。

Next, locate the actions menu on your Figma interface and click on it.

ステップ 3

検索欄に 'mirror' と入力して、ミラーリングオプションを見つけます。

In the search console, type 'mirror' to find the mirroring option.

ステップ 4

「mirror」オプションを見つけたら、それをクリックします。

After locating the 'mirror' option, click on it.

ステップ 5

ポップアップ内で、ミラーリングしたい方向を選択します。水平または垂直のいずれかです。

Within the popup, choose the direction you prefer to mirror: either horizontal or vertical.

ステップ 6

手順を完了していただきありがとうございます。

Thank you for completing the process.

Figmaでオブジェクトを反転させるためのプロのヒント

  1. オブジェクトを選択
    反転したい図形、アイコン、またはグループをクリックします。変形を適用する前に、要素全体が選択されていることを確認してください。

  2. スケールツールを開く
    キーボードのショートカット「K」でスケールツールを有効にするか、上部ツールバーから選択します。

  3. 負の幅を使って水平方向に反転する
    スケールツールが有効な状態で、Shiftキーを押しながらオブジェクトの左端または右端をドラッグします。プロパティパネルの幅に負の値(例: -100%)を入力すると、水平方向に反転できます。

  4. 負の高さを使って垂直方向に反転する
    垂直方向に反転するには、スケールツールを使いながらオブジェクトの上端または下端をドラッグします。プロパティパネルの高さに負の値(例: -100%)を入力します。

  5. キーボードショートカットで素早く反転する
    キーボードショートカットでも反転できます:

  • 水平反転: 右クリック → 水平反転

  • 垂直反転: 右クリック → 垂直反転

よくある落とし穴とその回避方法

  1. 回転ではなく反転してしまう
    反転と回転は同じではありません。オブジェクトを180度回転させるのではなく、正しい方法で反転していることを確認してください。

  2. オブジェクトの配置がずれる
    反転するとオブジェクトの位置が変わることがあります。整列ツールを使うか、反転後に手動で位置を調整してください。

  3. グループ化に関する問題
    グループ化されたオブジェクトを反転する場合は、内部のすべての要素が意図どおりに反転されることを確認してください。必要であればグループ解除して確認します。

  4. テキストが正しく反転しない
    テキストレイヤーを反転すると、読めなくなることがあります。反転した見た目が必要な場合は、アウトラインに変換することを検討してください。

  5. コンポーネントが壊れる
    コンポーネントを反転すると動作が変わる場合があります。大きなデザインで使用する前に、反転したコンポーネントを十分にテストしてください。

Figmaでオブジェクトを反転することに関するよくある質問

  1. Figmaでオブジェクトを反転するには?
    オブジェクトを選択し、Scaleツール(K)を使用して、幅または高さに負の値を入力すると、水平または垂直に反転できます。

  2. 複数のオブジェクトを一度に反転できますか?
    はい。まずオブジェクトをグループ化し、その後FlipオプションまたはScaleツールを使ってまとめて反転します。

  3. Figmaで反転するショートカットはありますか?
    はい。オブジェクトを右クリックし、メニューから「Flip Horizontal」または「Flip Vertical」を選択します。

  4. 反転するとテキストの読みやすさに影響しますか?
    はい。テキストを反転すると読めなくなることがあります。見た目だけを反転したい場合は、必要に応じてテキストをアウトラインに変換してください。

  5. コンポーネント内のオブジェクトも反転できますか?
    はい。ただし、反転がコンポーネントの意図した動作やオートレイアウト構造に影響しないようにしてください。

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

  7. 画面録画にAIアバターを追加する方法は?
    画面録画にAIアバターを追加するには、AI画面録画ツールを使う必要があります。Trupeer AIはAI画面録画ツールで、複数のアバターを使った動画の作成を支援し、さらに動画用の自分専用アバターの作成にも役立ちます。

  8. Windowsで画面録画する方法は?
    Windowsで画面録画するには、内蔵のGame Bar(Windows + G)を使うか、Trupeer AIのような高度なAIツールを使って、AIアバター、ナレーション、翻訳などの高度な機能を利用できます。

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

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

おすすめ記事

技術ドキュメント生成ツール

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

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

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

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

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

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

Figmaで背景をぼかす方法

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

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

デモを予約する

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

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

デモを予約する

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

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

デモを予約する