Skip to main content
Question

Sliding image on click with text display

  • November 28, 2023
  • 4 replies
  • 1586 views

Il_Marti

hello everyone,
I am asking for help cause I am at the beginning of my Figma journey.

I have an image at the center of a page with two buttons below. The right button is a sort of “show info” one. I would like that once the user clicks the button the image moves left making space for a text description that would appear as soon as the image has stopped moving.

Same viceversa when the user hides the info clicking on the same button again.

I have addes a drawing of the ida, I hop you coul help me.
Thanks in advance!

Marti

4 replies

y_toku
Figmate
  • Community Support
  • 2351 replies
  • November 29, 2023

Hi there,

Thanks for the post. I know it takes time to get used to it! I think the best resource for it would be the smart animate article with prototyping:

There is a YouTube video in the arcitles, so you can learn step by step. I hope these will help you ‌make it! If you encounter issues while creating, feel free to post again!

Thanks,
Toku


Il_Marti
  • Author
  • 2 replies
  • November 29, 2023

I’ll have a rook at that! Thank you!


Il_Marti
  • Author
  • 2 replies
  • November 29, 2023

Hello again y_toku,
I managed to make the image slide left, but I have a problem with the text since it appears straight awai overlapping the image. I have tried to make an interaction between the image and the text but there is no way for me to having the text appear after the image movement has completed. Any hint why?

I am now on free plan, I don’t know if it’s a relevant info.

thanks again!


y_toku
Figmate
  • Community Support
  • 2351 replies
  • November 30, 2023

Hi there,

Glad to know you’re making progress! Would you be able to share the file link (or .fig )please so I can dig deeper?

Thanks,
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