Create variants from existing components

Migrate existing design system components to Figma Variants

  1. Name existing components with ’/‘ to create hierarchy. e.g: ‘Button / Primanry / Default’, ‘Button / Primanry / Hover’
  2. Select all symbols and press Combine as Variants
  3. Rename properties to make it more meaningful
  4. Search and try your new component setting