Figma Support Forum

Simultaneous interactive components animation

I was wondering if there is a way to create two different interactive components and when activating one, it activates the second one.

To give you some context: I created a CTA, and a small animation on an illustration, both work well independently while hovering, but is it possible when I hover my CTA, the animation next to it starts its animation ? (and not to have to hover each component to activate it).

Hope my explanation is clear ^^’
Many thanks in advance for your help

You need to create a third Component Set that will both work on hover.

In the example below, you can see that when you click on the “Add to Cart” button, a badge will appear in the navigation menu.

1 Like

Yes, In order for both to change when interacting with one element, they need to be one component.

If your elements (CTA + Illustration) are never used separately, then it doesn’t make sense to create a separate interactive component for each of them.