Export whole artboards (or entire project) as HTML
It would be great to Export Prototypes as pure HTML Projects. I am working a lot on Multiscreen apps, where I mostly use Serveal Webcontainers Running on several Screens, to develop those Applications.
Chris Falkenstein commented
Export to HTML? Maybe I'm old school, but I can't imagine how this would actually produce good markup based on a design. How would Xd possibly determine semantic markup based on design elements. This is a tool for design. Let's keep that way.
I don't ask my coffee maker to produce a stellar day.
K dowler commented
Yeah, until XD can work with the rest of Adobe's web development tools. This product won't be used in our productions. Most designers can build at least in Muse, which can supply ugly but usable code to the programers. In big shops where there are user designers that only design interfaces but not the functional code is this of use.
I hope this is part of a past when in the future we look back on and say, "remember when we built prototypes that you had to rebuild from scratch to actually use?'
I was in the neighborhood and noticed the "needs more information" too, but can't easily find what information is needed.
There is a related feature request for export to interactive PDF, which shows as "feature under review". Really there isn't a difference between the two requests, except one makes many HTML f lies and the other makes one PDF. So, why is this one understandable:
but the HTML one isn't?
This and sepate for components and use react
how about output to muse and build out the html there? just a thought.
JL Garcia commented
Let's say you finished your prototype in XD, then you export it as html, then in Dreamweaver or another thing like Brackets or PhpStorm, etc, the developer connects your hard work to the database or scripts and see how all the thing is working, instead of watching your XD prototype and star over in another piece of software to rebuild everything over. You can get to your developer to re do it, but it would be better for both if the project is in a HTML/CSS form to make adjustments, not do it over again, or XD is pointless because you can do that now in Illustrator, Photoshop, or a single pencil and send it to the poor developer to do everything by himself. Need more clarification?
Franco Calcagni commented
Why this feature is in the "NEED MORE INFO" status? what info are needed? It's absolutely clear :-)
This really does seem like a no nonsense expectation of the tool. Even InDesign can export HTML. I currently use InDesign to do my web designs as i can hyperlink from page to page and have for years as i can turn my frame style to have borders to make my redlines. This really is MUST HAVE feature to get people really embrace this tool.
Adobe Xd....Nice try. In the end, back to scratch. Or better said: back to Sketch.
If it doesn't add this features quickly, Adobe should make some room in the garbage can for Xd, next to the edge suite.
The stupid, it hurts.
Hassam Ali commented
It sounds redudant to me to design a prototype and recreating the actual work based on prototype.
It cost more time and money, especially on a simple project with short deadline.
So why dont this app support exporting layout into android xml layout or xcode for iOS? and html/css/js for the web of course.
I know building a working app within Adobe XD is out of the scope of the application itself as prototyping tool, so at least please support exporting the design into these app builder such as android studio and xcode
Thanks in advance
Zach Bruce commented
If you want to design-to-code, there's an app Adobe has for you called Muse. Go use that. Keep Xd doing what it does well: demonstrating designs that can then be coded the right way.
please add export css like sketch
you kill developer jobs dude
Indrik myneur commented
I guess this is exporting of clickable prototype, right? One click to create a clickable html prototype for testing. What more info is needed here?
Matt LaGrandeur commented
We can already publish to adobe.com/xd, but sometimes we have confidential projects we can't publish on the public web. Having a local version of the prototype that we could share to people who don't have Adobe CC would be great.
Adobe, please! XD needs the capability to export into HTML directly.
This would be great. Agreed.
This would be great if you can use XD to prototype then have a button in the app to convert it into the coding for Dreamweaver to help save time and or help designers create a functional website even if they aren't a pro with coding. I'm a Graphic Designer and would like to be able to create websites that are ready to use in real life but HTML is so much work my brain doesn't think like an actual coder unfortunately
lol. I just end up with a headache and a load of frustration.
I guess that's why it's useless