Highlighted

Clickable prototype contains SVG instead of image

Community Beginner ,
Oct 24, 2019

Copy link to clipboard

Copied

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?

Topics

How to, Import and export, Share

Views

175

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Clickable prototype contains SVG instead of image

Community Beginner ,
Oct 24, 2019

Copy link to clipboard

Copied

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?

Topics

How to, Import and export, Share

Views

176

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Adobe Community Professional ,
Oct 24, 2019

Copy link to clipboard

Copied

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)

 

Screenshot 2019-10-25 at 10.07.08 AM.png

 

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 Aggarwal

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Community Beginner ,
Oct 25, 2019

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Adobe Community Professional ,
Oct 25, 2019

Copy link to clipboard

Copied

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-wh...

 

 

 

 

 

Vishu Aggarwal

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Adobe Community Professional ,
Oct 25, 2019

Copy link to clipboard

Copied

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apps2015 LATEST
Community Beginner ,
Oct 25, 2019

Copy link to clipboard

Copied

Thanks Vishu. I was specifically looking for clickable  SVG export. Would you think by writing a custom plugin it's something feasible to do?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...