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.
Jochen
shared this idea
288 comments
-
Anonymous
commented
I'm really just astounded that you built a tool that you claim is great for conveying web design to developers, and yet it can't actually export any web files that a developer would actually use.
WTAF?
-
Anonymous
commented
Exporting HTML without also exporting CSS is useless, pointless, and I hope you don't waste our time and money on it.
The feature we want is to be able to export both HTML and CSS in one go for a single board or for all boards. Anything less is unacceptable.
-
Doug
commented
A simple click through prototype with images and hotspots would be great. Like Click-Dummy for Sketch.
-
Anonymous
commented
I need this
-
Bill Castello
commented
The lack of this one feature is preventing me from using XD. My job is producing HTML prototypes.
There is a browser-based tool that I currently use -- called ProtoIO, which does provide click-able and keyboard interactions, scrolling containers, layers... and HTML output of a project file. It lacks the amazing tools like repeat grid and plug-in support in XD. But, it has never crashed on me and has that "export project to HTML" feature.
Once Adobe can do this, I'm COMPLETELY onboard to switch my workflow! -
Brendan
commented
But... XD is for prototyping? This isn't nearly as important for designers as some of the other features that are desperately lacking. This is just asking for the app to turn into another app. Dreamweaver?
-
Frank
commented
Please, add it. This update is really needed.
-
Aswathy D
commented
Does export feature has clickable HTML ?
-
Neo
commented
Having the option to properly export as a code to HTML, or wordpress temp, or even an ecommerce platform just like you find on Muse or Template Toaster would be awesome.
I believe there are some of us who wants to design and build a beautiful website without being tied to template and coding.
Though, the ability to still code would always be welcomed for sure. Just some cases we might not need that, so having the option to export like in MUSE or Template Toaster or Webflow would be awesome.Great job so far guys, really excited about the future of XD.
-
Anonymous
commented
Most important... please add it
-
Martin Krieger
commented
I would like this to work like an export of a html file, which I can open in my browser. Just to export some things for work, that i'm not allowed to upload to Adobe-Cloud. So I can share it with my colleagues and show them animations, workflows and such and not just exported pngs / pdfs. No one needs perfect ready code of the prototype, we just need an export for our files to share them, while not uploading them to some cloud.
-
Imam MB
commented
I need this
-
Yi Liu
commented
If XD has this feature then it will occupy the market like forever till no one needs websites.
-
Amit
commented
When there will be a HTML export feature,. It'll be great if we have an option such as described here:
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
To sum it short, mobile responsive from the same layout (using css in this case), not forcing a designer to make extra layout for each device dimensions (and duplicate elements from one layout to another, and reuse the single layout according to specified rules). -
Bruno Frasca
commented
important feature. It would be great to have it
-
Mustafa Aldin
commented
please I need this feature
-
SvenZ
commented
Totally right, my company does not allow external cloud stuff. Need simple way (like html export) to spread prototypes without Adobe Cloud
-
Martin Krieger
commented
It's not about having useful code in the end, it's about having an offline-export for your prototypes. Many people are not allowed to upload their stuff into adobe-cloud and share them.
-
Franco Calcagni
commented
Totaly agree with the non-sense of this feature. Creating a feature that exports HTML is a waste of time. The HTML structure of the pages is going to be created in many different ways by the developers, I think the CSS parameters for handoff already available are enough. Please Adobe team concentrate on other prototyping essential features as blend modes, micro animations and maybe also gradient and alpha masking.
-
Anonymous
commented
Please do not build this feature. XD is a prototyping tool. The code that gets generated is going to go straight into the trash. XD Devs, please do not waste your time.