Navigate back to the homepage
TipsFilesPlugins

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

© 2020–2022 byTrong Nguyen
This is a personal project not affiliated with Figma
Link to $https://twitter.com/trongawesomeLink to $https://medium.com/@trongawesomeLink to $https://www.instagram.com/trongawesome