Exporting interactive XD to wordpress

Question

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_projects_recommended%7Cstreet%20map%20city

HARSHIKA_VERMA · Accepted Answer

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

Chris W. Griffith · Answer

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.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded