Figmaコンポーネント：再利用可能なデザインシステムの効率的な構築

デザインプロジェクト全体で一貫性を保ち、迅速な更新を可能にする再利用可能なUI要素。コンポーネントはレイヤー、グループ、またはフレームから作成可能。

コンポーネントの作成方法

フレームまたは要素を選択し、右クリックしてコンポーネントを作成を選択、またはショートカット**Ctrl + Alt + K（Windows）またはCmd + Option + K（Mac）**を使用。

マスターコンポーネント

マスターコンポーネントはレイヤーパネルで紫色で表示され、四重ダイヤモンドアイコンで識別。

インスタンス

インスタンスはマスターコンポーネントの複製で、単一ダイヤモンドアイコンで識別。インスタンスの作成は、アセットパネルからドラッグ、マスターを複製（Ctrl/Cmd + D）、またはコピー＆ペーストで可能。

変更とオーバーライド

マスターコンポーネントへの変更はすべてのインスタンスに自動反映。色やテキストの変更などのオーバーライドはインスタンスのみに影響。オーバーライドをリセットするには、インスタンスを右クリックしすべての変更をリセットを選択。インスタンスの変更をマスターに反映するには、デザインパネルでメインコンポーネントに変更をプッシュを使用。

インスタンスの分離

インスタンスをマスターから分離して独立させるには、右クリックしてインスタンスを分離を選択、またはデザインパネルでインスタンスを分離を選択、またはショートカット**Ctrl + Alt + B（Windows）またはCmd + Option + B（Mac）**を使用。

削除されたマスターコンポーネントの復元

インスタンスを選択し、デザインパネルでコンポーネントを復元をクリック。

コンポーネントの共有

コンポーネントはデフォルトでローカル保存。共有するには、マスターコンポーネントを右クリックし選択したコンポーネントを公開を選択、またはチームプロジェクトに移動して他のユーザーがアクセスできるようにする。