チュートリアル

Figmaでコンポーネントを元に戻す方法

Figmaでコンポーネントを元に戻し、通常のフレームや要素に戻す方法を学びましょう。迅速なデザイン調整のための簡単なステップです。

ステップバイステップの内訳は次のとおりです：

インスタンスを作成する：メインコンポーネントを選択し、複製してインスタンスを作成します（Ctrl/Cmd + Dを使用）。
インスタンスを分離する：インスタンスを右クリックし、「インスタンスの分離」を選択します。あるいは、インスタンスが選択されているときに右側のサイドバーの「インスタンスオプション」セクションにある「インスタンスの分離」オプションを見つけることができます。キーボードショートカット Ctrl/Cmd + Alt + B を使用することもできます。
元のコンポーネントを削除する：キャンバスから元のメインコンポーネントを削除します。

ステップバイステップガイド：Figmaでコンポーネントを元に戻す方法

ステップ1

まず、Figma内で元に戻したいコンポーネントを選択します。ハイライトされていることを確認してください。

Begin by selecting the component you wish to undo within Figma. Make sure it is highlighted.

ステップ2

コンポーネントが選択された状態で、右側のメニューに移動し、「その他のアクション」オプションを見つけます。それをクリックします。

With the component selected, navigate to the right-side menu where you will find the "More Actions" option. Proceed to click on it.

ステップ3

「インスタンスの分離」オプションを選択して、Figmaでコンポーネントを効果的に元に戻します。

Choose the "Detach Instance" option to effectively undo the component in Figma.

ステップ4

これらのステップに従うことで、Figmaでコンポーネントを正常に元に戻すことができます。このガイドをご利用いただきありがとうございます。

By following these steps, you can successfully undo a component in Figma. Thank you for using this guide.

Figmaでコンポーネントを元に戻すためのプロのコツ

元に戻すショートカットを使用する
Ctrl + Z（Windows）またはCmd + Z（Mac）を押して、最後のアクションをすばやく逆転させます。コンポーネントの作成を含めて。
右クリックで「インスタンスの分離」
コンポーネントを配置し、それを編集可能なレイヤーに戻したい場合は、インスタンスを右クリックして「インスタンスの分離」を選択します。
分離する前に名前を変更する
コンポーネントを分離して編集する予定がある場合は、変更を追跡しやすくするために最初に名前を変更してください。
編集する前に複製する
後で元のコンポーネントが必要になるかもしれない場合は、分離する前に複製して、クリーンなコピーを保持します。
マスターコンポーネントの位置を確認する
マスターコンポーネントを誤って削除または変更した場合は、アセットパネルを通じてそれを見つけ、変更を加える前に復元します。

一般的な落とし穴とそれを避ける方法

誤ってマスターコンポーネントを削除する
マスターコンポーネントを削除すると、すべてのリンクされたインスタンスが壊れる可能性があります。不可逆的な変更を加える前に必ず複製してください。
「インスタンスの分離」と元に戻すを混同する
分離はレイヤーの性質を変更し、元に戻すは最近のステップを逆転させます。目標に基づいて適切な方法を使用してください。
マスターの代わりにインスタンスを編集する
インスタンスで行った変更は、すべてのコンポーネントを更新しません。整合性のある変更を希望する場合は、メインコンポーネントを編集してください。
分離後にオーバーライドを失う
一度分離すると、そのインスタンス内のテキストやスタイルのオーバーライドは失われます。保存したい場合はコピーを保存してください。
元に戻す履歴の制限
Figmaの元に戻す履歴はセッションベースであり、ファイルを閉じると履歴がリセットされるため、何かを戻す必要がある場合はすぐに行動してください。

Figmaでコンポーネントを元に戻すことに関する一般的な質問

コンポーネントを元に戻すにはどうすればよいですか？
作成後すぐにCtrl + Z（Windows）またはCmd + Z（Mac）を押して、それを個々のレイヤーに戻します。
「インスタンスの分離」とは何ですか？
それは、インスタンスとマスターコンポーネントとのリンクを切断し、完全に独立した編集を可能にします。
削除されたマスターコンポーネントを復元できますか？
はい、まだファイルのバージョン履歴にある場合、復元できます。ファイル → バージョン履歴を表示して回復します。
分離は他のインスタンスに影響しますか？
いいえ、分離は選択されたインスタンスにのみ影響し、マスターコンポーネントや他のインスタンスには影響しません。
分離されたインスタンスを再リンクできますか？
いいえ、一度分離すると、自動的に再リンクすることはできません。新しいコンポーネントインスタンスで置き換える必要があります。
Macで画面録画するには？
Macで画面を録画するには、Trupeer AIを使用できます。画面全体をキャプチャでき、AIアバターの追加、ボイスオーバーの追加、動画のズームインおよびアウトの追加などのAI機能を提供します。TrupeerのAIビデオ翻訳機能を使用すると、動画を30以上の言語に翻訳できます。
画面録画にAIアバターを追加するには？
画面録画にAIアバターを追加するには、AI画面録画ツールを使用する必要があります。Trupeer AIはAI画面録画ツールであり、複数のアバターを持つ動画を作成するのに役立ち、動画用の独自のアバターを作成するのにも役立ちます。
Windowsで画面録画するには？
Windowsで画面を録画するには、組み込みのゲームバー（Windows + G）や、Trupeer AIのような高度なAIツールを使用して、AIアバター、ボイスオーバー、翻訳などの高度な機能を利用できます。
動画にボイスオーバーを追加するには？
動画にボイスオーバーを追加するには、Trupeer AIのChrome拡張機能をダウンロードします。サインアップ後、ボイス付きの動画をアップロードし、Trupeerから希望のボイスオーバーを選択して、編集した動画をエクスポートします。
画面録画中にズームインするには？
画面録画中にズームインするには、Trupeer AIのズーム効果を使用して特定の瞬間でズームインおよびアウトを行い、動画コンテンツの視覚的インパクトを高めます。