Courses Certification Live Zoom Workshops Blog Templates About Get Certified Login

How to export your Adobe XD file to After Effects

In this video I show you how to use the amazing Adobe XD feature 'Export to After Effects'. Long story short, it’s pure awesomeness.

If you use XD, you are stoked. The XD team just added an ‘export to After Effects’ feature that they announced at Adobe Max.

I’m usually pretty skeptical about workflows to AE. For example, while the Sketch to AE workflow works, I don’t love it. Feels a little clunky to me. But I’ll take it.

This one, however is pure grass-fed butter. It’s so smooth. And crazy fast.

Here’s what you need to know –
• Select the thing you want to export
• Use the export command in File, Export, After Effects
• Text comes through as editable (yay!)
• Shapes come through as editable parametric (yay!)
• Photos are stored in an easy to find folder
• You can keep adding pieces from XD and they get added as new comps in AE

Long story short, this is a great feature and you should use it. The auto-animate feature in XD looks wonky as heck but that is another topic for another email.

Here’s the link to the Pawstastic UI Kit for XD that you can download for free:



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