[Figma] デザインを効率化・再利用する仕組みコンポーネント

### コンポーネントとは?
Figma内で再利用できる「部品テンプレート」です。
– 元(Main component)を変更すると、コピー(Instances)全てに反映される
– チームで一貫したデザインを維持できる
– 例えば「ボタン」「カード」「ヘッダー」などで使う

まずcomponentの作成

componentをフレームで利用する

テキスト内容は変更できる

### Variants
複数のデザインパターンを切り替えられるようにする
props = hover, default, … などと選択できるようにしていく

なるほど!なかなか奥が深い!