Stop automatic carousel

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

Create instance of this component and name it “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.

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.

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

Create instance of this component and name it “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.

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?