Skip to main content
Question

Stop automatic carousel


How to stop automatic carousel while hovering the frame?

2 replies

Vishal_Ramawat

Create placeholder component for images. Assign name to each variant, I used 1,2,3,4
image

Create instance of this component and name it “Image”
image

Create a Carousel with Variants as Individual Images.

Create a String Variable “Play” and assign first Variant name to it, “1” in my case.
image

Add Delayed transition to Next Variant

Change variable “Play” by “While Hovering” interaction on each variant to it’s own corresponding name in placeholder component. Also, Open the “Image” instance as Overlay with Manually positioned on top of each Variant.

Hope this works.


Jonak
  • New Member
  • 1 reply
  • March 8, 2025
Vishal_Ramawat wrote:

Create placeholder component for images. Assign name to each variant, I used 1,2,3,4
image

Create instance of this component and name it “Image”
image

Create a Carousel with Variants as Individual Images.

 

Create a String Variable “Play” and assign first Variant name to it, “1” in my case.
image

Add Delayed transition to Next Variant

 

Change variable “Play” by “While Hovering” interaction on each variant to it’s own corresponding name in placeholder component. Also, Open the “Image” instance as Overlay with Manually positioned on top of each Variant.

 

Hope this works.



It requires Figma Professional, right?


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