Skip to main content
frodeah
frodeah
Participant
November 5, 2021
Question

Adobe XD Lottie animation triggered on hover

  • November 5, 2021
  • 1 reply
  • 370 views

I'm aware that Lottie animation is a farely new addision to XD, but will we at some point be able to choose to trigger them on hover?

    This topic has been closed for replies.

    1 reply

    Spas K.
    Community Expert
    Spas K.Community Expert
    Community Expert
    November 5, 2021

    Hover in Xd only works with hover states on components. You can't really use it as a trigger anywhere outside of components, although I agree it would be nice to have.

     

    Right now you can put the lottie animation in a component with a hover state. Have it as "No playback" on the default state, and on the hover state set it as "Play Automatically". It will now start playing while you're hovering on the component. Here's an example.

      Terms & ConditionsAccessibility statement
      Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices