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
t would be great if we could export a HTML/CSS file that we could import in lets say... Muse, or Dreamweaver and then continue to work on.
So far, we are creating prototypes and there is nothing we can do with it. We can export assets, but we still need to "build" it all again if we want to develop an app or website.
DOUBLE JOB :-(
-
Will B commented
So great to see so many people requesting this. Why build in so many tools and then have to start from scratch with each tool when all of the tools are already in theory integrated. From a design-release workflow perspective, it makes so much more sense to prototype or layout in one tool, then prototype in another, then move straight to code and deploy.
Come on Adobe. This has to be a killer feature.
-
Gwen Ivins commented
This would be a huge time saver. Exporting specs and assets is one thing, but getting directly to HTML or CSS is an even faster route to get your projects from design to build as efficiently as possible.
-
Caue Marganelli Stella commented
Its really good to have a prototype fully working.... But there's nothing we can really do with it.
It would be great if we could export a HTML/CSS file that we could import in lets say... Muse, or Dreamweaver and then continue to work on.
So far, we are creating prototypes and there is nothing we can do with it. We can export assets, but we still need to "build" it all again if we want to develop an app or website.That would make our lives 10x easier. Thank you!
-
Jean Felber commented
It would be great to export as HTML so it is possible to use PhoneGap Build so I have an app for my sales colleagues. In that way, I don't need to run it through Dreamweaver or Muse......
-
René commented
Export as HTML and CSS:
In almost every design project I've to deliver a design/style guide for devs. What they need is not a well crafted and printable pdf. This is what their bosses think they would need... They need all pages and the including elements described by HTML and CSS.
So it would be great if classes and ids could be assigned to elements and afterwards hit an export button to get HTML and CSS. -
Anonymous commented
i would like to be able to export all the pages into HTML and CSS.
-
Facu Puig commented
Kriszti just nailed it, why start all over if you already did the most part. Maybe starting in Photoshop, then move to Xd, then to DW.
-
Kriszti commented
In my organisation I'm solely responsible for prototyping and creating the finished published product, so there's little point in creating the UI in XD then having to start from scratch to create the whole thing again in DW. With tight budget and time constraints there would be no support for that. Please allow export to html!!
-
jameel commented
i would like to be able to export all the pages into HTML and CSS.
-
Greg commented
To clarify this feature request:
Currently, the export functions only allow for the exporting of assets.
Missing, is the ability to generate and export the accompanying html and css code.
This code appears to be generated for the device as part of the share link, but it is not exposed to the designer.
Recommend that the html / css files be included as part of the export selection radio buttons. So, when you click "Export" you are presented with 4 options "Design, Web, iOs, Android". If the designer needs the supporting html code, there could be a check box that would enable the code export, depending on the platform chosen. This code can then be used for import into Muse or used for AEM Mobile to do application delivery and hosting.
-
M.Salim commented
Its very important feature, what if I don't have internet ??
HTML is a must have as prototype -
Vesa Huotari commented
This is important feature for sharing designs to different stakeholders. Sharing results via Adobe services is not secure.
-
lindsay Branscombe commented
It is my opinion that adding a code export feature to this would simply bloat the software and duplicate functionality already existing on other Adobe apps. PLEASE keep this as a prototyping, user interface design tool.
-
Brady Georgen commented
This feature is actually a must if this product plans to compete with other rapid prototyping software (Axure, Proto, etc...). While you can share the output of this feature on adobe's site, this is not a viable solution for sensitive client information. I truly love this product and would love to be able to sell my company on using it, it just needs a feeeeeew more industry standard features.
-
Chloe M. commented
This feature shouldn't happen. In theory it's asking Adobe to help designers use developers less. No perfect software can spit out functioning HTML and CSS, nor should it attempt to. People are going to think it's good enough to make as a live site or app.
-
Levi commented
I just want to start off by saying I love Xd! It is solid! That is where my problem lies though. I have a client requiring me to work in Ps to design a site for him because of the current DwPs integration. Can we do something like this for Xd?
-
Brian Haller commented
It would be great, if you could create something like a one click export.
So if you finish your diffrent Views you can just export them as a raw HTML file with CSS linked to it. Maybe you know a similar feature in Photoshop CC. As far as I know you can copy the CSS of a specific layer to your clipboard.
I thought about something like that. The huge advantage is, that you only have to design one time and you don't have to export it and arrange it again.
If you do need more information feel free to ask.
Thanks for your interest and for your good work improving XD every day
Best RegardsBrian Haller
-
Tom Olivieri commented
Anybody (old enough to) remember (pre Macromedia acquisition) Live Motion & GoLive? I recall creating fully interactive Shockwave pages which integrated with GoLive with a design and preview interface remotely similar to XD. Rapid development to site integration in a simple, powerful app.
Apologies if I am getting off track, but perhaps a look back at how they worked up until DreamWeaver replaced GoLive and Flash became more commonplace.
I would hope that if we get our wish and XD can export HTML/CSS/Js, that it does not require additional exports for various displays... one size fits all would be nice! -
Eric commented
It needs to export to an interactive prototype that can viewed by other people who may not have access to an online file structure or one which wants to keep it internally (say on an intranet). Thus, there's 3 perfect (in my view) exports:
1. HTML / CSS / JS output - I can stick this anywhere, send it to anyone and with a browser they can see my prototype. FYI: Axure, Proto.io, and Principle for Mac already do this. I would love to be able to quickly prototype something and then add to it later in Dreamweaver or hand code. Pairing with PS or DM, this would be incredible to quickly export something useable for a dev team to then modify or adapt to their backend.
2. Interactive PDF - most everyone has a pdf reader, so this is an acceptable output. The problem of course, is that it's harder to edit than straight code. And not everyone can view interactive PDFs properly (preview on mac botches up, but that can be overcome).
3. Animated .gif or .mov file - This can be viewed by everyone. The problem here is that you can't edit it, but it's enough to explain to my dev team what interactions need to occur.