Skip to main content
Question

Component text property with 2+ local variables fill breaks on theme mode change

  • January 18, 2025
  • 1 reply
  • 10 views

Bruno12

Explanation

When creating a component, with variable text as a property and filling its text with 2+ token variables (with 2+ modes) sourced from “local variables”.

Instances with text variants (different text content) break on a “local variables” mode change, resetting its text content to the component property default & forcing it to stay that way (unable to change)

 


Replicate

  1. Create 2 local variable with 2 modes
  2. Create a component with text (text content as a proeprty of Component)
  3. Make text from component have different colors sourced from variable of step 1
  4. Create an instance and change its text content
  5. Change variable mode (at instance “Appearance” design section)
  6. Text Content gets resetted to orginal component default property & its unable to change

Example

 

https://www.figma.com/design/tBYI0u0lAzgFgY4Jnq8pzV/Bug-Component-Prop-Not-Working-When-Colored?node-id=0-1&t=qxAitZaSH7YwaxRy-1

 

1 reply

y_toku
Figmate
  • Community Support
  • 2317 replies
  • January 21, 2025

Hi there,

 

Thanks for reaching out. I think I could replicate this behavior, and I'm checking if this is a feature limitation or a unexpected behavior with our internal team .  I will get back to you when I have anything I can share with you. 

 

Thanks for your patience.

Toku

 


Reply


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