Skip to main content
Sep 5, 2020 12:37 PM UTC
Answered

Adobe XD to SVG animation

Good Day, I would like to embed an animated app/web prototype as an SVG for user illustration. How does one go about it? Kindly share any tutorial.. 

    This topic is closed to new replies. Start a new post to keep the conversation going.
    Ares Hovhannesyan
    Ares HovhannesyanCorrect answer
    Community Expert
    Sep 6, 2020 6:46 PM UTC

    SVG - means Scalable Vector Graphics and its include code that allows to draw vectors in browsers and vector programs. It dosn't need player for showing SVG animation in browsers. You are aware that video files consist of raster images so you need to use apps that can convert video files in SVG format. 

     

    Here is some helpful links

    https://youtu.be/h8tInajwIHo

     

    https://sendeyo.com/onlineconverter/en/video-mp4/svg

    or find any other converter on the web. 

     

    Sometime the size of vector graphics become larger that raster file so may it better to use video file instead of vector.

    3 replies

    Ares Hovhannesyan
    Community Expert
    Community Expert
    Sep 5, 2020 4:17 PM UTC

    Do I understand right. You want to create animation in xd and export it as SVG? Or import SVG animation into XD?

    XD do not exporting SVG animations or imported SVG animation created in other program into XD.

    Translate
    Sep 5, 2020 4:41 PM UTC

    Hello Ares, thank you for responding. The video you export after prototyping I would like to have it as an SVG file so that it can be shown on the website as an illustration, is that possible? 

    Translate
    Ares Hovhannesyan
    Community Expert
    Ares HovhannesyanCommunity ExpertCorrect answer
    Community Expert
    Sep 6, 2020 6:46 PM UTC

    SVG - means Scalable Vector Graphics and its include code that allows to draw vectors in browsers and vector programs. It dosn't need player for showing SVG animation in browsers. You are aware that video files consist of raster images so you need to use apps that can convert video files in SVG format. 

     

    Here is some helpful links

    https://youtu.be/h8tInajwIHo

     

    https://sendeyo.com/onlineconverter/en/video-mp4/svg

    or find any other converter on the web. 

     

    Sometime the size of vector graphics become larger that raster file so may it better to use video file instead of vector.

    Translate