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.
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.
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