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.
-
David commented
It would be nice to export all the artboards to HTML5/CSS3; however, I would be happy to write a plugin to do this if someone can direct me to the XD file format. I'm new to XD so if there is info on this that I missed I apologize in advance.
-
Jag Singh commented
This is a great idea. The developer can focus on building logic and integration with the backend. Really needs this feature to speed up the front end development process.
Sketch is already integrating with low code platforms like Kony to speed up the app development
-
Jag Singh commented
It will be great if the prototype can be converted into HTML with the styling in CSS. This will speed up the front end development. A lot of low code platforms likes Outsystems, Kony are already doing this and it will be create Adobe XD is able to provide this feature.
-
Urbi commented
Or just export to DW so we can start to work out the Site.
If you're the designer and the website builder you win time. -
Anonymous commented
Pretty much what pklaschka writes here I think. People like me just want to see the prototypes offline. I'm not allowed to load it up to the servers of adobe. I just want to have an offline prototype that I can send to my colleagues and discuss it. I don't care about beautiful and useful code of it, because I dont need it.
-
pklaschka commented
I think there's currently some uncertainty about what got requested here. If it goes into the direction of exporting prototypes (as actual prototypes), I entirely concur (there might be scenarios where you can't share an online prototype with a client).
If, however, this is about some "Export for production" functionality, which – as many have put it – should replace "Muse" and spit out some code which can get uploaded to a server to "have a website," I'm absolutely against it.
First of all, Adobe XD is a rapid prototyping/design tool. It is not a WYSIWYG editor. Thankfully, the days when almost every website got created in such an editor are over, and I don't want to return to that stage.
There is a reason web development is a professional market. To design and develop websites, you have to understand the limitations of the web as a platform. Sites aren't just something which you can "export" from a design – they're too complicated for that. There are far too many factors which a design tool can't "know" about a design which are crucial for implementing that website. Also, many designs can't get "translated" to the web.
XD is a professional tool for designing (amongst other things websites). The purpose for XD is to design something with it and hand it off to a developer, who can then implement the design.
If you must have an export to HTML functionality, take a look at the plugin market. There are already some solutions out there, and I'm sure there are more to come (as I've said, though – don't think they'll generate great websites for you).
Taking XD into this direction ("replacing Muse") would mean turning away from the professional market, which is very it currently does a great job of completing with Sketch and Co.
-
SHARKBYTE commented
I wish me, export xd to html with js. AND THATS FREE!
-
Eddie Diaz commented
This would be a great feature. Many times i meet with clients and we do storyboarding, mockups, or analytics boards and there is no quick way to export entire canvas with all boards.
Perfect example - We recently did a website presentation to a client and showed them different page mockups. Instead of showing on Microsoft Surface Board (86") we decided to print the entire canvas, which we had to recreate in Adobe Illustrator.
I would like to be able to export the entire canvas as a PDF, in addition to the initial request of HTML format.
This is a great tool and it could be greatly increased by this feature.
Thanks for your time and consideration. Adobe XD rocks!
-
Anonymous commented
+1 Please DON'T build this feature - Scott.
Learn HTML instead. This is not a feature XD is for. This feature is for people who rather just convert their designs to webpages. XD = experience design not export design as HTML.
-
usui f commented
I completely agree.
I want be "excellent prototype" export to project files.
It is "HTML5 project" or "android studio project".
Could you please export sysytem! I'll do anything!! -
Barry Weber commented
Yes I also need a replacement for MUSE. Adobe has let us down so often with the demise of Edge Animate and Muse, Adobe you owe your customers what they paid for. Make XD export a useable website!
-
Scott commented
Please DON'T build this feature. It would distract from XD's purpose and evolution.
Writing code that adheres to best practices, is performant, and optimized for search engines is time-consuming. The amount of initial effort to have a feature like this work properly would be enormous. Not to mention all the ongoing maintenance to keep it up-to-date.
XD is a rapid prototyping tool that's getting better with each release. Let's not make it into something it isn't.
-
David Evans commented
Seems like the logical replacement for Muse.
-
Anonymous commented
I sure hope this feature gets moved past under review. I sure dont want to learn WordPress :)
-
London commented
This would be awesome! Even exporting to Dreamweaver would be a great option.
-
mgnt00 commented
imho - must have feature.
-
Doug commented
If you do this, links from buttons to artboards should be included, otherwise it is not very useful
-
Urbi commented
Export to DW is a good start.
Now you create and design a whole project and you must start over IN DW to get it on the web.
Why use XD then, I can create it in DW and show this to my customer. -
luis commented
Would love this to export entire project as HTML and CSS where needed with the backend functions being noticeable in the code and left as a sort of Plug and Play. So it speeds up the overall process
-
Anonymous commented
Yes Please! Since the demise of Muse I have no alternative and I am a loyal Adobe user