How to package your UI animation project files in After Effects

Click here to download the source files and follow along

This week’s tutorial is a simple and super helpful thing to know.

Sometimes you need to take all your linked UI animation files, copy them into a single location, and have all the links update in your After Effects project file.

This would happen if you need to just clean up a messy project or share project files with your team, or archive your work.

If you’re coming into After Effects from Sketch or Adobe XD, your image files may be in some weird folder, so this would help clean things up.

Here’s what you do –

  1. Click File > Dependencies > Collect Files…
  2. Save a new project name
  3. Select the location for all the copied files

You can also click here and watch my face explain it to you.

Like I said, super simple and good to know.

Happy prototyping,


PS if you have a current project and need to learn UI animation fast, I’ve put together some ‘rapid learning’ UI animation courses. You can check them out here.


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