Skip to main content
Solved

How to create responsive component with variables? Or is it possible to do condition without intercation?


![Screenshot 2023-06-26 at 17.19.28|690x465](upload://ljSTtTJUFvHWdbv4s1flrOShW8x.png)
Hello everyone,

Im trying to make the component you see on the attached image responsive.
Here is what Im trying to achieve:
When the card is small than xpx width, the graph element will disappear.

That said, as you can see, the variables doesn’t respond as I would like it to be.
The only achievable way here (I can think of) is to add condition. Sadly, the current condition feature only apply when theres an interaction.

Is there anyone know how can I make the card responsive in a prototype crafting level🥹?

Thanks!!

Best answer by mfelix

Hey @Roxas_Shee2,

Thanks for reaching out!

It looks like your screenshot didn’t upload properly and I would need to better visualize the issue to help you with this.

I would suggest you reach out to our Support team (support@figma.com) about this as they’ll be able to take a look at your file directly to assist you and find the root cause of the issue here, but if you prefer to upload your screenshot here, I’d be happy to take a look at it for you 😃

View original

2 replies

mfelix
Figmate
  • Figmate
  • 20 replies
  • Answer
  • July 7, 2023

Hey @Roxas_Shee2,

Thanks for reaching out!

It looks like your screenshot didn’t upload properly and I would need to better visualize the issue to help you with this.

I would suggest you reach out to our Support team (support@figma.com) about this as they’ll be able to take a look at your file directly to assist you and find the root cause of the issue here, but if you prefer to upload your screenshot here, I’d be happy to take a look at it for you 😃


Paul_Madlon

It would be great if a solution to this was shared publicly. It sounds like something I’m trying to work out as well.


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