How to Convert Your Sketch Design to After Effects

UPDATE: this workflow can definitely get the job done. However, there is a newer more friction-free workflow that I blogged about using a free plugin called AEUX. Hence, you can now learn The absolute best way to get your Sketch file into After Effects

In this tutorial video, you are going to learn how to convert your Sketch design to After Effects. You will also learn how to create a layered PSD with editable text from your Sketch design. This is super awesome because you will avoid needing to recreate your text.

Sketch is an amazing UI design and prototyping tool but is extremely limited in the ability to design animation and transitions. This is where After Effects comes in. After Effects is the #1 UI Animation tool of choice.

I’ve worked out a simple process of how to convert your Sketch design over to After Effects. Illustrator serves as a bridge between your Sketch design and After Effects.

The steps I will be covering include:

1. Export your file from Sketch

2. Open your file in Illustrator

3. Release all elements to layers in Illustrator

4. Clean up the file

5. Export your file to After Effects

6. As an option to have your text be live in After Effects, you will export a Photoshop file instead of saving your Illustrator file.


FREE LottieFiles Icon Animation Course For UX/UI & Product Designers

Create a Professional Icon Animation and Play it on Your Phone (no experience necessary)
  • Learn how to make an icon animation in Adobe After Effects

  • Show-off your icon animation on your phone for your team, clients, or stakeholders

  • Build a portfolio-quality showcase UI Animation 

  • Export your assets for hand-off to engineers

You're a designer, you get paid to have opinions. Share them! 👇🏽

🔥 Take 15% off your first purchase

90% Complete