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.
Please, add it. This update is really needed.
Aswathy D commented
Does export feature has clickable HTML ?
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.
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.
When there will be a HTML export feature,. It'll be great if we have an option such as described here:
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
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.
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.
Bad idea! Computer generated code is never good and the consultants end up having to redo it anyway.
Glad to see this Feature is Under Review!!
I need this feature!
rcc Dave commented
I thought this would become a web design tool. Xd appears to only be for "experience" mockups. I miss Reflow, which showed some real promise. It exported fairly CLEAN (unlike Muse) HTML and CSS. It should work like an IDE interface designer. Dreamweaver (Dw) is not it either. It's good for raw coding, but not for visual web design.
Hi! I work as a consultant for various confidential clients, and I'm not able to publish prototypes for them online. I need a way to export XD prototypes as HTML so their developers can test sites. I have to be careful about which plugins I use because of security concerns. Projects should be exportable as HTML.
Velara 3 commented
A few commenters are mentioning web tools can't produce production ready code. I'd like to comment on that.
As many of you already know web design and web development is a process that starts from a sketch or idea to a production ready site or application.
More than a few people on this feature request have mentioned that they don't think it's possible for an application to export to a production ready site. In my opinion it depends what your end goal is. In the past authoring tools did not have the feedback and integration that we have today.
When you take a design and put it online you usually go through the designer developer workflow. That includes discovery, prototyping, reviews, wiring it up, more reviews, staging, more reviews, and then production.
Some authoring tools will help you through a part of that workflow, some help you through a many steps of that workflow. So it really depends on the project requirements if an authoring tool can accomplish what you need. Do you need a static site, responsive site, desktop, mobile, CMS theme, etc? Do you need to hire a developer?
I've worked on and with graphic design teams that our job was to convert prototypes to a working interactive sites or applications. So the code that I've worked on exporting is based on that experience. That is to make it clean, address the needs of developers who you may need to work with and support existing workflows.
If you need to export to web, check out the web export plugins on the plugin manager and if they don't fulfill your needs email their developers and tell them what you need. They would most likely like to address your needs rather than be dismissed.
Disclaimer: I'm a developer on one of the web exporting plugins