Skip to main content
Participant
May 27, 2021 5:17 PM UTC
Answered

export animated svg?

Hi there - is it possible to export an animted svg from adobe animate without all the html?

    _keyframer
    _keyframerCorrect answer
    Community Expert
    May 28, 2021 6:30 PM UTC

    This might be my #1 feature request since animated SVGs are simply awesome and require no 3rd party player. I actually found a way via an extension that is no longer supported and is a bit quirky. But I got it to work! Grab this:

    https://exchange.adobe.com/creativecloud.details.7232.animated-svg-exporter.html

     

    THINGS TO KNOW:
    After you create your animation...
    Convert all tweens to keyframes
    Unlock all layers
    Ensure all nested animations have the same number of frames as the main timeline does
    Grouped objects can pose problems - use Object Drawings when necessary

    Sometimes the exported SVG can have weird glitches but after lots of trial and error, I have managed to get it to work.

     

    Now, if I can convince the engineering team to build this as a native document type, animators and developers can rejoice!

    Animator and content creator for Animate CC

    10 replies

    _keyframer
    Community Expert
    _keyframerCommunity ExpertCorrect answer
    Community Expert
    May 28, 2021 6:30 PM UTC

    This might be my #1 feature request since animated SVGs are simply awesome and require no 3rd party player. I actually found a way via an extension that is no longer supported and is a bit quirky. But I got it to work! Grab this:

    https://exchange.adobe.com/creativecloud.details.7232.animated-svg-exporter.html

     

    THINGS TO KNOW:
    After you create your animation...
    Convert all tweens to keyframes
    Unlock all layers
    Ensure all nested animations have the same number of frames as the main timeline does
    Grouped objects can pose problems - use Object Drawings when necessary

    Sometimes the exported SVG can have weird glitches but after lots of trial and error, I have managed to get it to work.

     

    Now, if I can convince the engineering team to build this as a native document type, animators and developers can rejoice!

    Translate
    Animator and content creator for Animate CC
    moerjaAuthor
    Participant
    May 31, 2021 9:03 AM UTC

    Thank you very much! I tried it out and it worked! GREAT!!! 🙂

    Translate
    n. tilcheff
    Legend
    May 28, 2021 4:41 AM UTC

    Animate cannot export animated SVG, only SVG sequence.

     

    Translate
    Nick - Character Designer and Animator, Flash user since 1998 | Member of the Flanimate Power Tools team - extensions for character animation
    moerjaAuthor
    Participant
    May 28, 2021 9:47 AM UTC

    Thanks! I was worried to get the answer 😞

    Translate