Skip to main content
Solved

Turn variant into standalone component and retain instance connect

  • September 7, 2022
  • 3 replies
  • 601 views
Kelly_N

I’m cleaning up a design system in need of proper cleaning. The system has been in use for over a year, so less detached/missing instances I can manage, the better.

One component I’m tidying up (a list row item) has a variant that’s completely different from all the others. It’s using similar content to all the other variants, but its usage in the design, and right-side content, are far removed from how other variants are used.

Is it possible to move that variant outside of the component it’s in right now, turn it into a standalone component, but retain its connection to all the existing instances of it?

Best answer by tank666

  1. Drag your Variant outside the purple border of the Component Set. This will make it a separate component.
  2. Publish design system changes.
  3. Accept the update in the file where the design system is used.

Instances should now refer to that separate component, not to a missing variant in the component set.

You can try this on a test file to see if it’s correct.

View original
This topic has been closed for comments

3 replies

tank666
  • tank666
  • 4858 replies
  • Answer
  • September 7, 2022
  1. Drag your Variant outside the purple border of the Component Set. This will make it a separate component.
  2. Publish design system changes.
  3. Accept the update in the file where the design system is used.

Instances should now refer to that separate component, not to a missing variant in the component set.

You can try this on a test file to see if it’s correct.

UX/UI designer. Figma expert. Creator and developer of plugins and widgets for Figma and FigJam. Check out my resources in Figma Community: figma.com/@tank666
Kelly_N
1 person likes this
  • Kelly_N
    Kelly_N
Kelly_N
  • Kelly_N
  • Author
  • 4 replies
  • September 7, 2022

Wow… I can’t believe I haven’t thought of that. 🤦‍♀️

Thank you, I’ve learned something new and super cool, and you’ve sped up my cleaning process!! 🙏

A
  • Anonymous
  • 0 replies
  • October 7, 2022

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.

Terms & ConditionsCookie settings

Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings