Figma and After Effects: Animated Bell Icon for Lottie

1 min readJul 20, 2021

Let your users know they’ve got notifications with this Animated Bell Icon that starts out in Figma, gets sent to After Effects to be animated, then exported as a Lottie file 🙂.

Watch the tutorial

Figma file you’ll need for this tutorial

Get setup with my “Setup your Mac for Lottie” tutorial

Lottie Files site and app links

Website

Free Lottie Animation Files, Tools & Plugins — LottieFiles

The world’s largest online platform for the world’s smallest animation format for designers, developers, and more…

lottiefiles.com

iOS App

‎LottieFiles — Render and Share

‎Render, discover, and share Lottie animations from the palm of your hand, and speed up your workflow to save hours…

apps.apple.com

Android App

LottieFiles — Test and Share — Apps on Google Play

Test, discover, and share Lottie animations from the palm of your hand, and speed up your workflow to save hours.

play.google.com

Thanks for watching! 🙂

For updates

Medium, Twitter and YouTube.