Skip to main content
A
Anonymous
September 5, 2020
Answered

Adobe XD to SVG animation

  • September 5, 2020
  • 1 reply
  • 11424 views

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 has been closed for replies.
      Correct answer Ares Hovhannesyan

      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.

      1 reply

      Ares Hovhannesyan
      Community Expert
      Ares HovhannesyanCommunity Expert
      Community Expert
      September 5, 2020

      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.

        A
        Anonymous
        September 5, 2020

        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? 

        Ares Hovhannesyan
        Community Expert
        Ares HovhannesyanCommunity ExpertCorrect answer
        Community Expert
        September 6, 2020

        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.

          Terms & ConditionsAccessibility statement
          Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices