I am trying to import an SVG animated file to an After Effects project.

It is not importing right now, so are there any solutions or any alternate ways to do that?

  • 1
    What have you tried so far? Can you be more specific about an SVG "not importing"? Are you getting an error message? Commented Jan 26, 2018 at 20:57
  • Yes I am getting an error message stating i cannot import unsupported files
    – Jeffin
    Commented Jan 29, 2018 at 9:40
  • Where are you saving the svg? I know that svg will work up to version 9 from illustrator. Commented Feb 5, 2018 at 19:28

4 Answers 4


Open in Illustrator.

Save as .ai (sorting the layers according to your needs)

Import into Ae.

Mind with the 'Import Kind' upon importing, suggest 'Composition' if you sorted the graphics into numbers of layers.

  • Am talking about animated SVG's
    – Jeffin
    Commented Jan 31, 2018 at 6:05

Turns out We cannot import svg inside HTML . so I directly used illustrator .ai file instead.


It's worth noting that .eps files are acceptable. In my case, I own Sketch but not Illustrator so exporting .svg to .eps was more accessible than .ai

Also be aware when you import them they might look blurry when transforming. In order to scale properly:

Right-click the layer and hit Create > Create Shapes From Vector Layer

  • Open SVG File in Adobe XD
  • select your paths
  • Menu "File" -> "Export" -> After Effects

Now you have the paths in AE :-)

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.