Skip to main content
Participant
October 25, 2019
Question

Clickable prototype contains SVG instead of image

  • October 25, 2019
  • 1 reply
  • 677 views

Hi,

We are developing clickable prototype using Adobe XD. We know that the prototype can be exported as SVG file using the export option. We wanted to know if it is possible to export all the artworks which is shared via URL contain SVG instead of a single image. If not directly through XD , does any plugins help in this?

This topic has been closed for replies.

1 reply

Vishu_Aggarwal
Participating Frequently
October 25, 2019

Do you mean that you need each artboard as a single image when shared for development? if yes, then you can actually do it in two-ways -

 

1. Right-clicking on the Artboard thumbnails in the thumbnail mode when shared for development. Please refer to the screenshot. (this option will only give you .jpg)

 

 

2. Select everything on the artboard and make Group then select the Group and mark it for export. Once you will share it for development you would see the complete Artboard as an Asset in the Assets tab. (This option allows you to download PNG or PDF). ** Note - It only works when you will share for Development for Web.

 

You can also use Plugins i.e. Trello, CloudApp, etc. to achieve the same.

Vishu AggarwalAdobe Certified Instructor, Professional and Expert
Jishnu RAuthor
Participant
October 25, 2019

Thanks for the reply. I was expecting the clickable version to be exported as an svg. May be the clickable version available for sharing contains the SVG version for better quality.

Vishu_Aggarwal
Participating Frequently
October 25, 2019

Clickable SVG is not possible from XD.

However, you can export in HTML using Web Export Plugin (but it does not create clickable flow & Clickable have to be done manually). You can also try plugins i.e. Quest AI, Lighting Strom.

 

HTML export is one of the most requested features to Adobe on UserVoice forum of XD  - https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/13057005-export-whole-artboards-or-entire-project-as-html

 

 

 

 

 

Vishu AggarwalAdobe Certified Instructor, Professional and Expert