I created a component set which is a card that can change in size, used placeholder images on the variants.
for each instance i override the images of both variants, and switching between them works as expected while editing and on prototype if I do it manually or with an on click.
In my specific case i need it to be switched using variables, and, although it works on edit mode and on prototype if i flip the variable manually, when flipping the variable using a button the component overrides the image to the placeholder one.
Steps to recrate:
- create two rectangles each if an image as it’s fill;
2)make the rectangles into a component set;
3)for simplicity set one variant as true and the other as false;
4)create an instance of the component;
5)override the image on both variants of the component;
in this state both on edit mode or prototype changing the variant keeps the images as the ones chosen in step 5;
- create a Boolean variable;
7)attach the variable to the variant control of the component instance;
in this state manually changing the variable to true or false correctly updates the variants to use the images chosen in step 5, both in edit or prototype.
8)crate another rectangle, to use as a button, set an on click on it to set the variable created to “not variable name”, so it will switch between true and false each click;
9)test it on prototype;
now, on prototype view, changing the variable using the button will override the image chosen in step 5 to the original image of the component set, the variant that the prototype starts in will keep the expected image, but the other one will be reset to the original.
I really think that’s a bug on the way Figma handles the prototype view, changing the value of the variable manually on the global variables menu works as expected but changing it with set variable doesn’t, which, to me, makes 0 sense.
