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

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

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

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

マスターコンポーネント

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

インスタンス

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

変更とオーバーライド

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

インスタンスの分離

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

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

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

コンポーネントの共有

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