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.
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
I'd have a look at Adobe Muse Brittany! It allows you to build fully functioning responsible websites without touching a single piece of code. It's pretty flexible and doesn't restrict you to using templates etc. as you can literally start from a blank canvas and work up.
Export to html/ css is a must !!!
And the most important for me.
I need to show my clients a prototype with functionality not a dumb moving screens .
Matt Geller commented
This is sorely needed. My team is forced to use sketch because of this.