Figmaのボタン等は個別コンポーネントで量産せず、バリアントでプロパティ化する

色違い・サイズ違いをバリアント（Color / Size などのプロパティ）でまとめ、修正を1か所で済ませる。

ボタン、タグ、入力欄など、色・サイズ・状態の組み合わせが多いUI部品。後から角丸や余白を変えたくなったとき、個別コンポーネントだと全部開いて直す羽目になる。

ベースのコンポーネントを1つ作る（例：Button）。
右パネルの「Add variant」で派生を作り、Component set にまとめる。
プロパティ名と値を付ける：Color = Primary / Secondary、Size = S / M / L、必要なら State = Default / Hover / Disabled。
共通部分（角丸・フォント・パディングのルール）はバリアント間で揃えておき、修正はセット内で一括選択して行う。
ラベル文字やアイコンの有無は Text / Boolean / Instance swap の「コンポーネントプロパティ」で切り替えると、バリアントの数が爆発しない。