Skip to main content
Christian_Leon_Christensen
April 12, 2021
Question

Variants in prototypes not sticking

  • April 12, 2021
  • 14 replies
  • 3553 views

The interactive variants are not displaying the overrides I set, when presenting

Component A has variant named hover.
The component contains dates, so I change the date in the components default variant, and also in the hover variant. When I change between the two in editor, the date override sticks. But when I present, the hover variant, resets to the default date text.

Shouldn’t it stick?

This topic has been closed for replies.

14 replies

Andrew_Chan
Figmate
Figmate
April 13, 2021

Hi @Christian_Leon_Christensen - that sounds like a bug. Could you share a file with me via DM? You can make sure I have access by inviting me at achan@figma.com. A video of the bug occurring would also be very helpful so we know where to look. Thank you!

Marc_Nothrop
April 28, 2021

Same issue, although maybe making it complicated for myself – I have a component with 2 states (Active and Inactive), in one variant I want to override the “Label” field to use the same label in both states.

In a separate variant I want the labels to be different between states (in this case deliberately mis-matching the text layer names “Short Label” and “Long Label”.

I create instances of both Variants and apply the text overrides – it all works on the canvas, I can switch back-and-forth between the states on multiple instances and the different button and state labels are retained.

BUT it’s simply not working when I Present the Prototype, with the “Active” state of both Variants switching to the original “Label” placeholder text.

Christian_Leon_Christensen
May 4, 2021

Sure, I’ll do it over the day. Sorry for the late reply, I didn’t get notifications on a reply on email for some reason. Maybe it got caught by the spamfilter.

Emma8
December 9, 2021

Hi @Andrew_Chan I have the same issue. I’m tying to do a simple button with variants and the hover interaction just simply doesn’t work in my prototype it completely dismissed my overrides. Can you guys help ? Thanks a lot!

Jesper_T_Hansen
March 31, 2022

I had the same issue. Renaming the text layer (which had non-sticking overrides) across all variants seems to have fixed it.

Wangui_Kamande
April 12, 2022

I have the same issue.
I created button component variants (default, hovered, focused). I also added interactions i.e. When a default button is hovered, it becomes the Hovered variant etc.
When I create an instance of the default button, I make it larger than the origina (in the component) is. When I hover, everything changes. The width of the hovered button is smaller. The overrides don’t stick.

Also I have experienced this with literally every component I have made.

[This is very frustrating]

Sebrand_Warren
December 8, 2022

Same issue. Still not addressed. This seems like a pretty simple oversight to fix.

quang_nguyen
New Member
February 3, 2023

Hey, I’m still new to Figma and I think we are dealing with the same issue. I’m doing a flip card animation right now.

I first created a variant with the flip animation and it work.

However, when I duplicated it to edit the content (in both the default and flipped states), only the default state’s modifications were shown.

July 12, 2023

Same issue. Any news on this? It has been reportet very often now but seems still unfixed in the new release 😦

Nathan_Brooks
July 20, 2023

I’ve had this same bug for a year now. It use to happen periodically, but now it is consistent. If I have various variants to a parent component, and I change the variant, text, color, or anything to the children components or objects in the other variants of the parent component, then those changes are not reflected in the prototype. They are reflected on canvas when switching between the variants of the parent. This software is becoming unusable from a testing perspective since this bug first occurred.