How do I publish an Adobe XD project to the web?

[torpedoswap]

I am a bit confused with choosing the right product and of course justifying the annual cost. Muse it seems is on its way out, so is Dreamweaver the only option? I can get Muse if I google it but it does not feature in the Adobe list of products or under subscriptions. I found XD quite easy to use to build a site but now I am stuck on how to publish it. Please help.

[AnotherMe]

I'm learning how to use Adobe XD. It's a great tool! I have a few questions about this tool

• After the Adobe XD prototype is completed and shared with the developers, what happens then? Do the developers take the information in the prototype and start coding around the information provided in the prototype?
• Can Adobe XD be used for creating themes for CMS tools such as WordPress?
• Does Adobe XD offer an export option to a PDF so I can use the information from within the prototype and use it for a case study either on Behance or my website?
• I shared the Adobe XD tutorial to my Adobe Cloud. I opened it on my iPhone Adobe XD app. I see the XD file but I can't close the file shared. Why is that? What happens if I upload several Adobe XD files to the Adobe Cloud? Does the iPhone Adobe XD app allow me to view various projects from my iPhone?  Am I correct, in that, the Adobe XD iPhone app is for viewing only?  This would be the same for an iPad device, correct?
• Can Adobe XD be used for designing prototypes for Adobe Captivate and Adobe Animate?
• Can Adobe XD be used for desining page layouts for Adobe InDesign, or is that not the correct way to use this tool.

[AnotherMe]

To answer my question about my iPhone keeping the Adobe XD file opened, after doing a force quite I now see that Adobe opens the Adobe XD app in the Clud Documents folder, allowing me to choose from the different uploaded Adobe XD files. 🙂

However, I am unable to close it. I see a function that states I have to use a UBS cable to connect my iPhone to my Mac. Perhaps this is problem. I will follow these directions.

[Sjaani]

Hi, Yes generally once the prototype is handed to developers they start coding and doing what ever it is they need to do to create a working app/webpage.
Yes you could use XD to create the design of themes, but it would take more to implement them into the CMS.
Yes Adobe XD has an export to PDF option.

Your second post suggests you've answered this one for yourself. Yes the mobile device app is for viewing only.
You could use Adobe XD to design the concept for anything, but it's not necessarily the best solution for all.
If you're designing print layouts you could use XD but it might be just as quick to go straight into InDesign.
You could design concepts for Captivate and Animate, but if you're building them yourself again it might be quicker to go straight into those apps. It could definitely be helpful if you had to send designs and concepts off to others to build in those apps though.

[fotoroeder]

What does normally follow after XD? What does one have to do to get a website, is there a proper way?

Thanks in advance,

Uwe

[Chris W. Griffith]

What are you looking to publish?

You can share the prototype via an icon in the upper right. The same for the Design Specs as well.

Otherwise, you can export the assets to your computer and then hand it over to a developer to build your item.

Chris

[fotoroeder]

You may not know but webdsigner don`t want to share - we want to publish, that´s why I asked. So even as a webcoder, I need to see in some way the data and the colour and pixel dimensions, where does a web programmer find these datas? Now two kind of people need to learn a new app to get a website to run? As far as I experienced with Muse and Pinegrow I do now use the plugin "web export" which is free so far, and from that generated html one can proceed in any code editor. At least  Pinegrow works with it but Dw and all the others out there might work, too. Sharing doesn`t solve the problem and like this, at least in my opinion the answer is not correct. Sharing is like sending an E-Mail to get a job done, the job does not get done.

Kind Regards,

Uwe

[ankushr40215001]

Hey Uwe,

To answer precisely XD is just an interface designer.

Like previously we used Photoshop for designing and wireframing our (website, phone apps, application interfaces etc.) and later share the design with a developer so he can code the same design.

Now we have created an app called XD where you can create your static web designs, and also show how it will interact with the end users.

The design which is finalized by the client can be later shared with a developer and he will put them into codes.

Regards,

Ankush

[fotoroeder]

Hi Chris W. Griffith​ ,

thanks for the answer.

Hi ankushr40215001​, you know why I ask, don`t you?

Thanks for pointing this out.

Best Regards,

Uwe

[Jedddd]

To create a static web design without the means to directly export it into code seems like an unfinished app to me. As an independent graphic designer of many different mediums with only minimum knowledge of actual web code, the last thing I want to do is increase my cost of a project by requiring a developer? I certainly hope Adobe does not plan to leave it's Creative Cloud members without the means to complete a project independently that it can deliver to it's clients. Otherwise, what's the point of paying for the software every month if it doesn't do everything I need it to do?

[OmVgWs]

Hi Jeddd. I am in the same situation as you.

In addition I would like that someone tell me what is the most recommended software to be able to code my designs after having finished and publish them? Preferably a software where you can get almost the same functions like Muse continues offering (Publish-button), maybe one that can just import the new XD-Design.

Ideal would be a software that requires little learning time. I do not know if the “Adobe Dreamweaver CC 2018.app“ or “Adobe Flash Builder 4.7.app“ its useful to publish my .xd design.

Could someone here please inform me exactly how to proceed?

[torpedoswap]

Hi Ankush, could you please explain as to how can I publish a website designed in XD? Now that Muse is on its way out, is Dreamweaver the only option? I am a bit confused on how to go about it. I do not want to subscribe to something that I am not even sure about. Muse no longer features in the list of products on Adobe websites or subscriptions however when you google it, a download and 7 day trial link is still available, what does this mean?

[Chris W. Griffith]

Xd will export the visual assets that can be used in building a website. The HTML coding, CSS authoring and probably JavaScript coding are still left to you to complete. Dreamweaver would be the tool to do those tasks in. However, it is not a drag-and-drop tool. like Muse was.

XD just allows you to visually design the site but does not tell you how to build the site.

[Dibuzu]

I'm so confused? Whats the point of XD if you unable to publish to the web? I can't use it as a Wp or a landing page on my personal website. So.. outside of just playing design boy, whats the use. I can't add hyperlinks, can't imbed and products, or direct clients to other websites..

I wish Adobe would have made that clear. I just spent the night learning and making a page/ site for our fire department that will go to the trash... and I won't get any of my time back.

Crap Adobe.. be clear in the future.

R

[jeanb57326060]

XD is really a ridiculous product. I have spent hours to understand how it works till the point where I learned that the XD project cannot be published as a Web Site......

Previously used Adobe Portfolio extremely powerful but somewhat limited. For this reason I tried with XD in order to have more flexibility.

My suggestion for Adobe would be to think of a new "XD Portfolio" which would packing the two already existing apps into one single and complete product

[JDCarmichael]

I agree completely! When XD was first released I was so excited! I ended up designing a fully functional app for my business only to learn that there was no way to actually use it. Weeks of work wasted! Needless to say, but I haven't used XD since. I've not removed it though--probably holding out hope that Adobe will finally realize XD's potential.

[grantcrumpton]

It sounds like you're wanting XD to be Wix or Wordpress for applications. XD is a way for you to express your ideas to potential investors or to fully design your app and then hand the assets to a developer. They'll create the final product for you and it will likely be an independent (not a child of Wix), high quality app. I'm using it to show clients what the final product will look like.

[Rishabh_Tiwari]

Hi there,

Thanks for reaching out. As mentioned by Grant, you can design an interactive layout in Adobe XD and then handover the design layout to the developer to code it for you. Having said that, I understand that there is always a scope of improvement so we did receive some similar requests so that we can export designs to HTML and other coding languages. I would request you to please upvote this request: https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/13057005-export-wh...

This is the best way of communicating with the Engineering and Product Management teams regarding issues and suggestions so they can be implemented in future releases. 

Regards

Rishabh

[konraddobson]

XD is specifically a prototyping tool. It's useful for planning out bigger projects where there's a lot of back and forth and your client wants to have a lot of say over how things look, work and feel. And it's also to protect you as a designer. Say you built a bunch of designs in Photoshop but the client lacks the imagination or web understanding to picture it in action, even if you've designed all the different pages and such. With XD you can bring those designs to life in an interactive manner and export a working prototype.

Although I agree it does seem like it shouldn't necessarily be another standalone program. Perhaps all web programs should be combined in some way, such as Dreamweaver and XD. But programming currently is too difficult to fully automate, especially since responsive design became the norm. It's even often a pain in the arse for fulltime front-end developers, let alone for some automated tool that often pump out horrible code.

[bixter]

Hmm, interesting. I'm confused; why is the developer a "he"? That's a really strange way to say something in these forward-thinking times. You must be really old or perhaps unappreciative of females being fully capable developers. I gather that you lead the rest of your life making foolish assumptions as well.

I can't imagine what your parents must think of you. Do you disrespect the other women close to you, too? Is your father responsible for teaching you these "traditional values"?

You should be ashamed of yourself, Ankush. I'm disappointed in you.

[Preran]

Thank you for taking time to provide us with feedback. This will help us firm up our training programs. I apologize on behalf of the responder for the post.

Thanks,

Preran

[leslieclaire]

Perhaps you didn't realize it, but in traditional English usage, the pronoun "he" properly refers to an indefinite person of any gender. It is possible that Ankush was taught to write English with those rules of grammar.

[konraddobson]

Yikes. Triggered much?

[OmVgWs]

Hi XD - Users

I would like that someone tell me what is the most recommended software to be able to code my designs after having finished and publish them? Preferably a software where you can get almost the same functions like Muse continues offering (Publish-button), maybe one that can just import the new XD-Design.

Ideal would be a software that requires little learning time. I do not know if the “Adobe Dreamweaver CC 2018.app“ or “Adobe Flash Builder 4.7.app“ its useful to publish my .xd design.

Could someone here please inform me exactly how to proceed?

[konraddobson]

The easiest way would probably be a CMS like Wordpress. You'd still need to learn HTML, CSS and some JS though. Probably some PHP too if you wanted some custom features.

[lesleycutts]

Ahhh I’ve just eagerly sent some sample XD pages to the developers for them to take a look at. I hoped XD would be the designer/developer interface I was needing, but it doesn’t go far enough. Is Muse obsolete now? Could XD, Muse and Dreamweaver all work together as photoshop, InDesign and Illustrator do, then we would have awesome!