Shop Onsite workshops Blog Templates Affiliates About Bundles 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:


๐Ÿ”ฅ Save 15% on any UI animation course or bundle on

Join my mailing list to receive a one time coupon, plus the latest news and updates from me. Don't worry, your information will not be shared.

Click here for coupon

You're a designer, you get paid to have opinions. Share them! ๐Ÿ‘‡๐Ÿฝ


๐Ÿ”ฅ Take 15% off your first purchase

90% Complete