Skip to main content
Question

Text Variant


Silvia MH
Hi. I have a Component for a portfolio with a text that will change on mouse hover. This text will be diferent in each card of the portolio. How can I change this text?
Now I have 1 component with 2 variants (default and hover), but when I put the variant hover in my page content, this not change is always ‘hover text’.
I’m new in figma and this topic is difficult to me. 

 

6 replies

Nellya
  • Power Member
  • 422 replies
  • March 28, 2025

Hi. This usually happens when the layer's names are not the same in component variants, but they should. Can you show a layers of your component or a link to the file?


Silvia MH
  • Author
  • New Member
  • 3 replies
  • March 28, 2025

Is this capture enough?
 

 


Nellya
  • Power Member
  • 422 replies
  • March 28, 2025
Silvia MH wrote:

Is this capture enough?
 

 

Seems like i didn't correctly understand the issue at first. I thought you needed to change the text in the second variant while hovering, but it seems like you need to change first card to second while hovering and the text in the second variant should be different each time, am i correct? 


Silvia MH
  • Author
  • New Member
  • 3 replies
  • March 28, 2025

ok. Then i need a new variant about hover variant, and there add a property text. Right?


Nellya
  • Power Member
  • 422 replies
  • March 28, 2025
Silvia MH wrote:

ok. Then i need a new variant about hover variant, and there add a property text. Right?

You need to put this text in Default state as well, but with a 0% opacity and add a text property. Here is an example ↓

 


Silvia MH
  • Author
  • New Member
  • 3 replies
  • March 28, 2025

Wow. You're wonderful. Thank you so much for your help. I think it's much clearer to me now. That's what I needed. I must practice much more. 

 

Thanks


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