Skip to main content
Emiliano Sagnotti
Known Participant
Mar 12, 2018 11:24 AM UTC
Answered

Export Adobe XD to After Effects for animation

Hi,

it's the frist time that I work with adobe XD, I need to know if is possible to animate the elements like number, text exc..? for example move the numbers in image below? if it isn't how can i export this inside after effects?

This topic is closed to new replies. Start a new post to keep the conversation going.
Harshika Verma
Harshika VermaCorrect answer
Community Manager
Apr 2, 2021 5:28 PM UTC

francisa75437221 When moving between apps as different as these, it's not surprising that things might change or not fully work. Hopefully Adobe will add animation to XD in the future. You can upvote ideas such as this one Need individual animation in Adobe XD​ on the Adobe XD User Voice website.


Hi All,

 

Thanks for reaching out. I would like to update this most viewed conversation in order to provide the latest information on the workflow.

 

Here’s how it works:
1. In XD, select the layers or artboards you want to animate in After Effects.
2. Go to File> Export > After Effects. If After Effects is not installed on your machine, this option is greyed out. You can also use the ⌥⌘F (Mac), or Ctrl+Alt+F (Windows) keyboard shortcuts.
3. The selected layers or artboards are added as native shapes, texts, assets, and nested compositions in your AE project.

Here’s the list with what’s supported and not supported at this time: https://helpx.adobe.com/ro/xd/kb/open-after-effects-files-in-xd.html

 

Let us know if that helps.

 

Thanks,

Harshika

View reply

28 replies

olgad48222063
Participating Frequently
Feb 9, 2019 5:44 PM UTC

Hello, 
1. When you import a group of photos from XD in Adobe After effects, AE a warning - a warning the file could not be found all of the images are blank. Reinstalled both programs, does not help. Before this nebylo only noticed yesterday.
2. In XD if I create a frame from mobile templates or other writes-there was a problem creating a new cloud document. !

Translate
cmgap
Community Expert
cmgapCommunity Expert
Community Expert
Feb 10, 2019 4:29 PM UTC

Did you import the images or did you paste them from another app?

Translate
Dan Rodney
Community Expert
Dan RodneyCommunity Expert
Community Expert
Mar 21, 2018 6:05 AM UTC
  1. Export the XD design as SVG.
  2. Open the SVG file in Adobe Illustrator.
  3. Save as an Adobe Illustrator file (.ai)
  4. Import the Adobe Illustrator into After Effects.
Translate
Adobe Certified Expert & Instructor at Noble Desktop | Web Developer, Designer, InDesign Scriptor
    francisa75437221
    Participant
    Jun 18, 2018 6:47 AM UTC

    I did it but the image files messed up

    Translate
      Dan Rodney
      Community Expert
      Dan RodneyCommunity Expert
      Community Expert
      Jun 19, 2018 9:47 PM UTC

      francisa75437221 When moving between apps as different as these, it's not surprising that things might change or not fully work. Hopefully Adobe will add animation to XD in the future. You can upvote ideas such as this one Need individual animation in Adobe XD​ on the Adobe XD User Voice website.

      Translate
      Adobe Certified Expert & Instructor at Noble Desktop | Web Developer, Designer, InDesign Scriptor
        Preran
        Preran
        Legend
        Mar 12, 2018 5:14 PM UTC

        Hi Emiliano,

        Adobe XD is a prototyping tool. You can create and prototype your designs within Adobe XD after which you will have to export your assets to be used in the software of your choice. See Learn how to export production-ready assets from Adobe XD to PNG, SVG, JPG, and PDF files. for info on exporting assets.

        I am not an After Effects expert. You could check with the experts on the After Effects forum After Effects for their guidance on this workflow.

        Thanks,

        Preran

        Translate
        foureyez247
        Participating Frequently
        Apr 30, 2019 8:46 AM UTC

        It should be standard for any Adobe app creating vector artwork to save it to an Illustrator document! Not doing things like exporting it to SVG and re-saving it via Illustrator...

        I have the feeling the development teams of all the Adobe apps are working on an 'island' so to speak.

        Translate
        Dan Rodney
        Community Expert
        Dan RodneyCommunity Expert
        Community Expert
        Apr 30, 2019 11:15 AM UTC

        No feature gets built for free (or overnight). Converting one file type into another is a big deal (coding wise), even if it's one of Adobe's own formats. XD is still a young app that's actively adding new (and important) features so Adobe has to prioritize which get done first. You can help them decide by upvoting feature requests (and creating new feature requests) at https://adobexd.uservoice.com/

        I know it can be hard to wait for XD to get all the features you want, but as they say "Rome wasn't built in a day".

        Translate
        Adobe Certified Expert & Instructor at Noble Desktop | Web Developer, Designer, InDesign Scriptor
        Terms & ConditionsAccessibility statement
        Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices