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.
-
Anonymous commented
It's like when you mow your yard or paint, you need some overlap so that the work gets done. That's all we want with export features. There's a gap here that I assume typically no one wants to do.
My assumption of the problem that needs a solution is if a designer starts to code, he's not going to stay a designer, or even a front end developer, he is going to want to be a back-end developer. Front end developers aren't paid enough to stay front end developers for all the learning that goes into being a coder. Is there a developer out there who just wants to be a front end developer only? Maybe if your paid well and comfortable at a large company, but I'm sure you want to learn the back end, right?
As a designer as part of a workflow, I want control to have the design implemented the way I want it, but with room for the developer to change things so that it functions.
In Xd (or in a companion app, or plugin) I'd care about translating to html, CSS, Javascript - Navigation, deciding between modals or all new pages, responsive sizes, Animation, transitions, the look, the layout, the UI components attributes and animations.
I don't care if I drew up a map that eventually was a real google map. Who cares if placeholder elements get thrown away. I want an empty shell that can be wired up. If graphics and pages need to be thrown away to make way for the real google map, system response, I don't really care. Just export my shell that includes these things, and let the developers delete what they want, wire up what they do want, and use the rest as placeholder.
-
Aldo commented
Adobe XD is such a nice application, but there is no web-enabled export function. I can work with prototypes for hours and hours and then have to start over again with programming in Dreamviewer. I would like to have the opportunity to publish my work as functional websites. That would be a killer application
-
EssZett commented
@ Sean Taylor-Leech, keep in mind that bigger companies are not able to use any external cloud solutions. How should they share prototypes for review?!
-
Sean Taylor-Leech commented
I don't see the need for this. It's a prototype product not a dev build. More important features in the backlog for me.
-
Serpico commented
I agree with this as a mean to share the project without having to upload it to the cloud, something you are not always allowed to do due to company policies or for offline viewing. This could even be a premium feature along with the multiple shared prototypes on the cloud, which is a silly premium feature on its own if you ask me.
-
Anonymous commented
Downvote! Not a good idea.
Muse, Dreamweaver and any previous attempts to port code from design has always failed. This is a UI tool - improve on that.
-
[Deleted User] commented
Fantastic suggestion, there are no stable plugins to convert the design to HTML and CSS. Even when it's a paid feature, I'll buy it!
-
Jeremy Evan Halim commented
I think this feature is unnecessary,
there is an xd plugin that can do that and
if the team really wants to develop this feature, they need to consider the responsivity of the HTML and it might be a pain in the asz.
responsivity is a must in nowadays web. Except, you make a different design for different platforms -
MJR commented
It's not, in my view, a question of IF, but WHEN Adobe will offer this.
Totally agree!!
-
Anonymous commented
I think Webflow is you answer to Adobe MUSE. Webflow is a great tool to develop websites visually and export neat code when you need them.
Adobe XD will always remain a design tool not development -
Peter H. A. Neumann commented
Since I know Adobe MUSE will end the suppurt in March 2020 I look for an alernative and I tried Adobe XD. XD is a great program for Websites-Layout, but there is a lot missing for professional websites:
html-generator (without expensive plug-ins)
creating a link to a external wevsites
to get an emailclientAll these in XD missing features are in MUSE, so that XD is not an alternative for professional websites. - Please let this complain the XD developer! I would appreciate an answer to bookinfo38@gmx.de.
Thank you.
Peter H. A. Neumann -
Peter H. A. Neumann commented
Since I know Adobe MUSE will end the suppurt in March 2020 I look for an alernative and I tried Adobe XD. XD is a great program for Websites-Layout, but there is a lot missing for professional websites:
html-generator (without expensive plug-ins)
creating a link to a external wevsites
to get an emailclientAll these in XD missing features are in MUSE, so that XD is not an alternative for professional websites. - Please let this complain the XD developer! I would appreciate an answer to bookinfo38@gmx.de.
Thank you.
Peter H. A. Neumann -
vnomad commented
It's not, in my view, a question of IF, but WHEN Adobe will offer this.
A full-featured (and robust!) html/css export implementation would be impossible to resist for XD aficionados.
Cheers ;)
-
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.