Skip to main content
January 30, 2024
Question

Change to on instance not keeping text change

  • January 30, 2024
  • 15 replies
  • 5934 views

I made a component for a drawer that opens and closes to show a list below it. I made an instance where a nav uses multiple of this component with different text for each drawer. When I set up my prototype, the “change to” keeps swapping the text to what it is in the parent component rather than what I changed the text to within the instance.

I already tried swapping the text within the instances (like toggling the open/close and changing the text manually) but it doesn’t work. It keeps switching the text to the parent component text instead.

Curious if anyone else ran into this issue and could help

This topic has been closed for replies.

15 replies

Figmate
February 15, 2024

Hey @Thomas_Reimer, Thank you for confirming!

I really appreciate you sharing the links. However, it seems that the access is not set to “Anyone with the link,” so our community may not have the opportunity to examine it closely.
For your reference: Share files and prototypes

We understand that this file is important to you. If you prefer to privately share this file for assistance, please reach out directly to our support team using this link: https://help.figma.com/hc/en-us/requests/new
Make sure to use your Figma account email, include a link to the file, and add [support-share@Figma.com] as an editor on the file (please rest assured, this will not affect your billing in any way).
This will allow them to take a closer look and assist you further.

Thomas_Reimer
New Participant
February 15, 2024

@Junko3 apologies, I updated the links.

Figmate
February 15, 2024

Hello @Thomas_Reimer, Thank you for updating the sharing settings of the file. I copied the design file to my draft and checked the prototype for the [PT_Card Button (Ibu morning)] instance.

It seems that the prototype interaction has two “Set variable” actions triggered by “On click”, but it doesn’t mention “Ibu/morning” in the action. I believe you might be referring to the Instance menu and component properties.

The instance menu “Swap Instance” allows you to find component replacements.
I confirmed on my side that if I choose the main component that doesn’t have the string variable “Ibu/morning” on its text layer, it will disappear after the swap.
You can learn more about it here: Swap components and instances

On the other hand, the string variable “Ibu/morning” is already attached to the [val] text layer nested in the [PT_Card Button (Ibu morning)] instance.
I tested on my end, even I change the properties to edit the instance, the variable will remain attached until detached.
More details can be found here: Edit instances with component properties

I hope the information above is helpful. Please let me know if I missed any additional points. We also welcome any insights or suggestions from our community!

Thomas_Reimer
New Participant
February 15, 2024

@Junko3, thanks for the reply.

For clarification: The “PT_Card Button” is workaround to avoid mentioned problem. Here I have stacked several instances into a frame and just show/hide them with a boolean.

My problem is displayed in the upper right part of the pink section.

The noon tile is a normal Card Button instance with prop “warning?” attached to a boolean. The val layer is attached to the text variable noon with value “1”. And the warning val layer is attached to the noon-initial text variable with value “1”. Now, when you click on that noon tile, the num pad opens as overlay. You change the value in there to “0” and click on “Save”, what should happen is that the Noon Card Button updates its text variable for the value to “0” and due to the discrepancy in noon-initial and the new value, it is swapped to “warning?=true”. Despite having the noon text variable attached to the val layer, it will now show a standard Card Button with default values and no text variables attached. And that is my problem. It makes the text variable and boolean prop swap handling completely useless as I cannot dynamically adjust my designed elements in a prototype. That is very frustrating.

Figmate
February 22, 2024

Hi there, Thank you so much for clarifying! I totally understand your frustration. I’ll do my best to assist your situation.

Figma Learn - Help Center

I hope the information above was helpful. Now, it’s time to involve our whole community. Please feel free to join in!

If you require additional assistance, you can contact our support team directly using the following link: https://help.figma.com/hc/en-us/requests/new

Please remember to use your Figma account email, provide a link to the file, and add support-share@figma.com as an editor on the file (rest assured, this will not impact your billing). It would be beneficial to inform our support team about the specific interactions and prototypes facing issues. This will enable them to investigate more closely and offer you further assistance.