Adobe XD v.45 : Lottie animation not showing on sharing link

Community Beginner ,
Nov 12, 2021 Nov 12, 2021

Copy link to clipboard

Copied

Hello everyone, I have a problem with lottie animation, it does not play or show when I create a test link, but everything is fine in Adobe XD itself!

 

Here is some of the spec that you may want :
- Windows Pro 21H1

- Adobe Xd v45.0.62

- Google Chrome (but the bug is still present on Edge.)
- Screen sharing option :

Loic5C4D_0-1636715234931.png

 

Screen of my prototype in Xd :

Loic5C4D_1-1636715276355.png

Screen of the prototype web page :

Loic5C4D_2-1636715323545.png

 

Can someone help me ? I'm doing something wrong ?

TOPICS
Import and export , Prototyping , Share or publish

Views

504

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

New Here , Jan 05, 2022 Jan 05, 2022
I was able to fix it, since I convertetd my text-layers to path. Now the Animation is displayed. Maybe this will help you as well.

Likes

Translate

Translate
Adobe Community Professional ,
Nov 12, 2021 Nov 12, 2021

Copy link to clipboard

Copied

Check that Lottie file interaction mode , if it is set to play automatically?

Does it play when you preview it in XD?

 

 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Nov 12, 2021 Nov 12, 2021

Copy link to clipboard

Copied

The interaction mode is set to "play automatically" and it does play on my Xd preview. But not on the web preview.

Loic5C4D_0-1636734808831.png

 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Jan 05, 2022 Jan 05, 2022

Copy link to clipboard

Copied

Hi

I have the same issue. Any updates on that?

 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jan 05, 2022 Jan 05, 2022

Copy link to clipboard

Copied

Sadly no.

I founded a way out put it wasn't optimal. So actually the bug come from the preview. By skipping the screen where the animation is and comming back it seems to work 1 time on 3... So good luck to you.

PS : I only had this bug on 1 doc. The others work perfecly. Try to duplicate the doc and create an new shared link... It could work.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Jan 05, 2022 Jan 05, 2022

Copy link to clipboard

Copied

I was able to fix it, since I convertetd my text-layers to path. Now the Animation is displayed. Maybe this will help you as well.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jan 05, 2022 Jan 05, 2022

Copy link to clipboard

Copied

LATEST

Thanks ! I will test that

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines