“This is a simple animation. The process is quite straightforward: edit the design in Figma, use the LottieFiles plugin, and then export it to the LottieFiles website. Although it sounds simple, it can be quite challenging because bugs often occur, sometimes forcing me to start over from scratch.

In my opinion, editing in Figma is much easier than editing directly on the LottieFiles website. In Figma, you just need to move the design elements to your desired positions, and they will automatically animate upon export.

However, there is one important thing: every design element must exist in every frame. For example, if you want a smartphone to slide out from behind a box:

• In the first frame, the smartphone must already be there, hidden behind the box.

• In the second frame, you simply move the smartphone to its visible position.

If the smartphone isn’t present in the first frame, the animation won’t appear.“