Skip to main content
Solved

Parent nested inside child variant, prototyping does not work

  • December 12, 2021
  • 2 replies
  • 3283 views

Anastasia_Stallcop

So when I create the master component (parent), copy it without detaching instance (because I want to be able to mass edit them quickly), create a new component with it and modify it when I go to prototype them to change on tap/click the prototyping only works one way but not back.

It gives an error saying: couldn’t play interaction because nested instance is swapped with its parent instance.

The only workout is to detach the instance before creating new component so the parents isn’t nested in the child. Which is annoying because if I have 20 instances and want to change the size I have to change all 20 instead of 1.

See video:
https://streamable.com/wfprth

figma project test file:

Figma – 12 Dec 21

Best answer by Anastasia_Stallcop

Figured out a solution:

  1. Take your master component and copy it twice, convert the two children to components
  2. Combine the two children as variants but not the master component
  3. Prototype the children and then use the copies of the children in your design

This way you have a master component to apply mass changes to the various children without having to change them each individually while allowing you to use the tap/click interactions without issues.

Solution file link (I kept the issue file, just look at the frame/components titled as solution):

Figma – 12 Dec 21

Solution ref image: Screen-Shot-2021-12-12-at-4-26-17-PM — ImgBB

View original
This topic has been closed for replies.

Anastasia_Stallcop

Figured out a solution:

  1. Take your master component and copy it twice, convert the two children to components
  2. Combine the two children as variants but not the master component
  3. Prototype the children and then use the copies of the children in your design

This way you have a master component to apply mass changes to the various children without having to change them each individually while allowing you to use the tap/click interactions without issues.

Solution file link (I kept the issue file, just look at the frame/components titled as solution):

Figma – 12 Dec 21

Solution ref image: Screen-Shot-2021-12-12-at-4-26-17-PM — ImgBB


  • January 12, 2022

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


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