What is "Effects" in feature support?

Lottie Animation Design
1

Hello, I’m new to Lottie Animations and I’m just experimenting with them as I prepare for a future project. Every time I export from the Lottie Creator, it tells me that I used “effects” and that it’s not compatible with Android/iOS (and they do crash on mobile testing). To test more, I downloaded a public animation that worked with Android, then I added it to the Lottie Creator and exported it without changes, and it told me same thing.

I know I’m new but I couldn’t really find any leads as to what I’m doing wrong or how I can get around this. Any help would be appreciated, thank you!

Capture

2

It could be a bug. After reading your post I did a test render of a shape with no animated properties, keyframes and exported it. And it still gave me the “effects” section.

3

That’s what I thought too. It’s also rough that it’s not just saying it - it really doesn’t work on my mobile app which means there is some kind of incompatible effect being exported. Thanks for letting me know though! I’m new and thought maybe the Lottie Creator wasn’t meant for mobile but seems like there’s it might be a bug.

4

Thanks for bringing this to our attention!
Let me check this further with our Lottie Creator team.

1 Like
5

Hi there, is there a resolution on this? I exported a Figma animation into Lottie and it looks correct and it says it is Lottie web SVG compatible, but not Android or iOS.

6

I’m having the same problem right now. Is this still the same issue?
If there is no resolution, it basically renders the Lottie Creator useless. I’m actually really liking the process of creating animations this way, so I hope this isn’t the case.

7

Hi @Mark2,
Thank you for bringing this to our attention. The issue should now be resolved, and the effects should be correctly reflected on the creator’s side.

Could you please share the sample .json file with me or you can send it to support@lottiefiles.com so we can investigate further.

8

I still encountered the same issue, but I’ve also found a workaround for my situation.
If I create a new animation, and only add one of the sample assets, I get this file, which does cause the ‘Effects’ error:

{"nm":"Main Scene","ddd":0,"h":500,"w":500,"meta":{"g":"@lottiefiles/creator 1.19.0"},"layers":[{"ty":4,"nm":"Shape Layer 1","sr":1,"st":0,"op":150,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[132.29600715637207,182.01532554626465]},"s":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[120,120],"t":0},{"o":{"x":0,"y":0},"i":{"x":0.36,"y":1},"s":[60,60],"t":30},{"o":{"x":0.65,"y":0},"i":{"x":1,"y":1},"s":[100,100],"t":45},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[120,120],"t":51},{"o":{"x":0,"y":0},"i":{"x":0.36,"y":1},"s":[60,60],"t":81},{"o":{"x":0.65,"y":0},"i":{"x":1,"y":1},"s":[100,100],"t":96},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[120,120],"t":101},{"o":{"x":0,"y":0},"i":{"x":0.36,"y":1},"s":[60,60],"t":129},{"o":{"x":0.65,"y":0},"i":{"x":1,"y":1},"s":[100,100],"t":144},{"s":[120,120],"t":150}]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[250,250]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"nm":"Group 1","it":[{"ty":"sh","bm":0,"hd":false,"nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[22.109557884961134,-0.00008578461739716658],[16.50886020911483,-17.17461962326874],[0,0],[0,0],[23.822122123030525,0.016870469355723117],[0.0005519150244879256,-48.36872891660515],[-17.17430851202998,-16.508300702692708],[0,0],[0,0],[0,0],[0,0],[-0.0022582653582503553,23.827776965561384],[17.8722515118439,16.583147016649022]],"o":[[-16.207059156550883,-15.038372883649018],[-23.822191472501032,0.017194010216002198],[0,0],[0,0],[-16.508300702692736,-17.174308512029995],[-48.36872891660517,0.0005519150244879256],[0.016870469355737328,23.82212212303054],[0,0],[0,0],[0,0],[0,0],[17.171315619066092,-16.520345798544128],[0.000386037097314329,-24.380969356054905],[0,0]],"v":[[255.06,68.053],[195.45100000000002,44.65799999999999],[132.33100000000002,71.56400000000002],[132.29510000000002,71.52806000000002],[132.25950000000003,71.56364000000002],[69.14050000000003,44.65864000000002],[-18.49849999999998,132.29764],[8.406500000000023,195.41663999999997],[8.370508000000022,195.45263999999997],[132.29050800000002,319.37264],[256.220508,195.44263999999998],[256.212508,195.43463999999997],[283.090508,132.28663999999986],[255.06250799999998,68.0436399999998]]}}},{"ty":"fl","bm":0,"hd":false,"nm":"Fill","c":{"a":0,"k":[0.8157,0.0745,0.898]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]}],"ind":1}],"v":"5.7.0","fr":30,"op":150,"ip":0,"assets":[]}

Screenshot 2024-07-24 at 16.25.27
Screenshot 2024-07-24 at 16.25.27586×862 43.3 KB

I did some digging, and found that this file contains an empty ‘ef’ array, which I assume has to do with ‘Effects’: "ef":[]

If I remove only that property, the file works as intended. I don’t get a feature support warning on the dashboard, and the animation shows up in my mobile app as well.

{"nm":"MainScene","ddd":0,"h":500,"w":500,"meta":{"g":"@lottiefiles/creator1.19.0"},"layers":[{"ty":4,"nm":"ShapeLayer1","sr":1,"st":0,"op":150,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[132.29600715637207,182.01532554626465]},"s":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[120,120],"t":0},{"o":{"x":0,"y":0},"i":{"x":0.36,"y":1},"s":[60,60],"t":30},{"o":{"x":0.65,"y":0},"i":{"x":1,"y":1},"s":[100,100],"t":45},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[120,120],"t":51},{"o":{"x":0,"y":0},"i":{"x":0.36,"y":1},"s":[60,60],"t":81},{"o":{"x":0.65,"y":0},"i":{"x":1,"y":1},"s":[100,100],"t":96},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[120,120],"t":101},{"o":{"x":0,"y":0},"i":{"x":0.36,"y":1},"s":[60,60],"t":129},{"o":{"x":0.65,"y":0},"i":{"x":1,"y":1},"s":[100,100],"t":144},{"s":[120,120],"t":150}]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[250,250]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"shapes":[{"ty":"gr","bm":0,"hd":false,"nm":"Group1","it":[{"ty":"sh","bm":0,"hd":false,"nm":"Path1","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[22.109557884961134,-0.00008578461739716658],[16.50886020911483,-17.17461962326874],[0,0],[0,0],[23.822122123030525,0.016870469355723117],[0.0005519150244879256,-48.36872891660515],[-17.17430851202998,-16.508300702692708],[0,0],[0,0],[0,0],[0,0],[-0.0022582653582503553,23.827776965561384],[17.8722515118439,16.583147016649022]],"o":[[-16.207059156550883,-15.038372883649018],[-23.822191472501032,0.017194010216002198],[0,0],[0,0],[-16.508300702692736,-17.174308512029995],[-48.36872891660517,0.0005519150244879256],[0.016870469355737328,23.82212212303054],[0,0],[0,0],[0,0],[0,0],[17.171315619066092,-16.520345798544128],[0.000386037097314329,-24.380969356054905],[0,0]],"v":[[255.06,68.053],[195.45100000000002,44.65799999999999],[132.33100000000002,71.56400000000002],[132.29510000000002,71.52806000000002],[132.25950000000003,71.56364000000002],[69.14050000000003,44.65864000000002],[-18.49849999999998,132.29764],[8.406500000000023,195.41663999999997],[8.370508000000022,195.45263999999997],[132.29050800000002,319.37264],[256.220508,195.44263999999998],[256.212508,195.43463999999997],[283.090508,132.28663999999986],[255.06250799999998,68.0436399999998]]}}},{"ty":"fl","bm":0,"hd":false,"nm":"Fill","c":{"a":0,"k":[0.8157,0.0745,0.898]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]}],"ind":1}],"v":"5.7.0","fr":30,"op":150,"ip":0,"assets":[]}
9

Hi everyone,

We’re pleased to inform you that the issue has been resolved. The exported file should not include the “Effects” feature.

If you have any further questions or need additional assistance, please don’t hesitate to reach out!