Skip to main content
Bambus_Björn
Bambus_Björn
Known Participant
December 8, 2021
Answered

Lottie animation is not playing on web in XD.

  • December 8, 2021
  • 1 reply
  • 3802 views

Hi Folks,

 

 i latley discovered that you can use Lottie Animations in XD. Yeah! Awsome was my first thought but when  i tryied to share it with my Team-Member whos going to program the APP the exitment got less. 

As stated here(1) i am aware now that "Lottie will not be available in design specs." 
But why? Isnt the whole point of implemting animations in our UI`s and Prototypes to share with costumers and teammembers to show them how the UI is going to feel like? 

Any typs how to share your Prototype with others besides sitting down with them in an opened XD?
Whats your experiencees here?

 

Cheers
Björn

(1) https://helpx.adobe.com/xd/help/work-with-lottie-animations.html

 

<Title renamed by moderator>

 

This topic has been closed for replies.
Correct answer HARSHIKA_VERMA

Hi Bambus_Björn,

 

Thanks for sharing the lottie file which is not working. I assume you're experiencing the same issue mentioned here: https://community.adobe.com/t5/adobe-xd-discussions/lottie-animation-is-not-playing-on-web-in-xd-45-version-on-win10-machine/m-p/12514317#M57334 which is because of the font used in the lottie.

 

I will get that checked from our engg team. I would suggest following Randy's advice of changing the font and then try again.

 

Let us know if that helps.

 

Thanks,

Harshika

1 reply

Joely10623436
Community Expert
Joely10623436Community Expert
Community Expert
December 8, 2021

Hi Björn

 

I've just tried to reproduce your «issue» and can't confirm this.

 

I placed a Lottie-File (json) on my XD artboard then exported an REVIEW and a DEVELOPER Link – and both worked perfectly inside Google Chrome.

 

PS: The feature came out oct 26 for Adobe MAX.

    Bambus_Björn
    Bambus_BjörnAuthor
    Known Participant
    December 8, 2021

    Hey Joely

    thats weird. I tried the same way and tried every Design Spec Option (Developer/User-Testing etc) and non of them play the acctual Animation from the Lottie JSON. Chromes aswell. You animation in played? 

    Its weird because Adobe acctually states that Design Specs are not supported. What did they acctually release on ct 26? The Lottie feature itself or the possiblity to show lottie animations in your Design Spec? Can you provide a link here? I only found this and its japanese (1)

    (1) https://www.adobe.com/max/2021/sessions/whats-new-in-adobe-xd-s912.html

    HARSHIKA_VERMA
    Community Manager
    HARSHIKA_VERMACommunity Manager
    Community Manager
    December 8, 2021

    Hi Bambus_Björn, 

     

    Thank you for reaching out. If I heard you right, you're unable to play lottie animation in your browser. I tried and I am unable to reproduce the issue. 
    Please open this link: https://xd.adobe.com/view/02a58b4d-afa1-4e64-bc74-7927f6ca3c7b-57f6/ and see if this is working fine at your end. 

     

    Please make sure you're not in design specs. 

     

    Few more pointers-

    • Lottie will not play automatically if a video is set to play automatically.
    • Lottie will stop if other prototyping triggers are initiated.

     

    "Lottie will not be available in design specs" means you won't be able to download the lottie file from design specs. 

     

    Let us know if that helps. 

     

    Thanks,

    Harshika

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