Uploaded July 2026 | Updated September 2026, 1 day ago
►Get the free remix link: bit.ly/link-to-remix-file
Turn your linear After Effects animation into interactive Motion with LottieFiles!
Directly import your After Effects project file into Lottie Creator with universal import. Most native shape features are convered. Even effects like Drop Shadow, Gaussian Blur, and simple expressions.
Everything is still adjustable. You can change fonts or adjust keyframe animations.
We use Motion Tokens to set up the drag interaction of the animation. Then slice the animation up in different segments. Then build our state machine. And create all the inputs and interactions using the AI assistant.
We export the file as dotLottie file and vibe-code the drag interaction of the two position Motion Tokens we've set up in the file.
The result is truly interactive animation.
Content:
0:00 Create interactive animations with LottieFiles
0:11 Universal Import: Ae file import
0:33 Adjustments in Lottie Creator
1:09 Motion Tokens: Adding position Motion Tokens
2:20 Adding segments
2:43 Building the State Machine
3:37 Exporting a dotLottie file
3:46 Adding the code
4:10 The final interactive animation
#aftereffects #tutorial #animation #motiondesign #lottiefiles
►Get the free remix link: bit.ly/link-to-remix-file
Turn your linear After Effects animation into interactive Motion with LottieFiles!
Directly import your After Effects project file into Lottie Creator with universal import. Most native shape features are convered. Even effects like Drop Shadow, Gaussian Blur, and simple expressions.
Everything is still adjustable. You can change fonts or adjust keyframe animations.
We use Motion Tokens to set up the drag interaction of the animation. Then slice the animation up in different segments. Then build our state machine. And create all the inputs and interactions using the AI assistant.
We export the file as dotLottie file and vibe-code the drag interaction of the two position Motion Tokens we've set up in the file.
The result is truly interactive animation.
Content:
0:00 Create interactive animations with LottieFiles
0:11 Universal Import: Ae file import
0:33 Adjustments in Lottie Creator
1:09 Motion Tokens: Adding position Motion Tokens
2:20 Adding segments
2:43 Building the State Machine
3:37 Exporting a dotLottie file
3:46 Adding the code
4:10 The final interactive animation
#aftereffects #tutorial #animation #motiondesign #lottiefiles
