Exporting interactive XD to wordpress

New Here ,
May 27, 2021 May 27, 2021

Copy link to clipboard

Copied

Hi! I wonder if someone could help before I start on some potential work. A client wants an interactive map for their wordpress site. I was thinking of creating it in XD. But as XD is primarily a protoyping software, I can't get my head around how I would then export the finished map to wordpress? And if the interactivity would work there. I've never exporting from XD before, just used it for wireframes and interaction to show a client. 

Example of what I want to create. Thanks in advance. 

https://www.behance.net/gallery/118044729/UI-City-of-London-X-Dashboard?tracking_source=search_proje...

Views

288

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
community guidelines

correct answers 2 Correct Answers

Adobe Community Professional , May 27, 2021 May 27, 2021
The short answer is no. There are a couple plugins that do export HTML/CSS, but I have never used them so I can't tell you if they will do they job for you. The workflow is really going to be design and prototype your map in XD, get sign off from the client, then export the assets and CSS bits and then code it so that works within Wordpresss.

Likes

Translate

Translate
Adobe Employee , May 27, 2021 May 27, 2021
Hey Nina, Thanks for reaching out. In addition to what Chris said, we also had a similar discussion happening here: https://community.adobe.com/t5/adobe-xd/how-to-export-html-css-javascript-from-adobe-xd/td-p/9336611 I would request you to please go through the post and see if that helps. You may also checkout this Export kit plugin: https://www.youtube.com/watch?v=2Ys59v--lMk&list=PLI2Zbq1irS0BYAeG4Jf4w2tI-k0HBWjDe I am also keeping the discussion open if anyone else wants to share any ot...

Likes

Translate

Translate
Adobe Community Professional ,
May 27, 2021 May 27, 2021

Copy link to clipboard

Copied

The short answer is no. There are a couple plugins that do export HTML/CSS, but I have never used them so I can't tell you if they will do they job for you. The workflow is really going to be design and prototype your map in XD, get sign off from the client, then export the assets and CSS bits and then code it so that works within Wordpresss.

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
community guidelines
Adobe Employee ,
May 27, 2021 May 27, 2021

Copy link to clipboard

Copied

Hey Nina,

 

Thanks for reaching out. In addition to what Chris said, we also had a similar discussion happening here: https://community.adobe.com/t5/adobe-xd/how-to-export-html-css-javascript-from-adobe-xd/td-p/9336611 I would request you to please go through the post and see if that helps.

 

You may also checkout this Export kit plugin: https://www.youtube.com/watch?v=2Ys59v--lMk&list=PLI2Zbq1irS0BYAeG4Jf4w2tI-k0HBWjDe

 

I am also keeping the discussion open if anyone else wants to share any other good references.

 

Thanks,

Harshika

Use Export Kit to create your first XD to HTML and CSS export with Lightning Storm. You can export unlimited Artboards with support for images, text, shapes...

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
community guidelines
New Here ,
May 28, 2021 May 28, 2021

Copy link to clipboard

Copied

Thanks guys, all very helpful. 

 

Nina 

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
community guidelines
Adobe Employee ,
Jun 01, 2021 Jun 01, 2021

Copy link to clipboard

Copied

LATEST

Awesome. Please let us know if you need further assistance from us in the future. We would be happy to help.

 

Thanks,

Harshika

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
community guidelines