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
  • 3809 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 Again,

     

    i just played around with it some more and read further into the topic and founds some updates.
    First off all, my question regarding what was released on 26 oct,.. all fine i know what you meant.

    Further more it seems its a problem of my custom animation i did in after effects. I tried a few animations from lottifiles and they work just fine, like videos aswell. 

    Seems like the question now is, whats wrong with my json?  In XD i use the same settings like on the working animations. /shrug

    thanks in advanced. 



      HARSHIKA_VERMA
      Community Manager
      HARSHIKA_VERMACommunity Manager
      Community Manager
      December 8, 2021

      Yes. 

      As mentioned in the referred threat, i converted the text-layers in AE to shape-layers manually and unclicked the "font to Shape Option" of bodymovin and that works great. Seems like Lottie just doesnt like Fonts. 🙂

      Thanks again ^^



      Glad to hear you're able to resolve the issue with workaround and thanks for sharing what worked for you. This will help our other customer to fix the issue. 

       

      Thanks,

      Harshika

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