Design Systems, part 9: Animated pictograms with after effects and lottie

An ongoing series where we build a design system in Sketch, Abstract and After Effects called Dezin.

What you’ll need to follow this tutorial

After Effects

Free After Effects | Download Adobe After Effects CC full version

You’ll then need to have the URL’s for Sketch2AE, Bodymovin and the ZXP extension installer handy, they are:

Sketch2AE

Sketch2AE - Plugin for Sketch and After Effects

Bodymovin

airbnb/lottie-web

ZXP extension installer

https://aescripts.com/learn/zxp-installer/

View the tutorial

Download the Sketch file

If you visit the YouTube page for the above tutorial, you can download the Sketch file from a link in the description.

Watch the series

Here’s the rest of the series where I’ll be adding new parts every 1–2 weeks:

For updates:

Follow me here at Medium, Twitter and YouTube.