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.
-
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
-
Frazer Turk commented
This option seems like such a no-brainer but I think I understand why it's been left out, that sort of functionality in a free application could reduce revenue created by people purchasing Dreamweaver or another HTML/CSS capable application. I also see that a lot of the actual "app" functionality is not there because it's essentially a mock-up program. For instance XD has the ability to SHOW you a number of posts on your newly created social media app but doesn't include any of the back-end workings to allow new users and post creation and things like that, as well as a myriad of other functions I have no idea about - I'm sure. I see it as does the mock-up get you close enough that if you COULD export as HTML/CSS that you could easily implement the back-end functionality that would be required? Or would you have to do so much more work it would be easier to just recreate the app from the ground up. Those things I don't know. What I do know is that I love the ease of creating websites with XD ... website mock-ups anyways ... and I imagine exporting to HTML would be a fairly easy final step to implement. As opposed to a fully functioning phone app. For now I see XD as the perfect tool for creating websites twice. And that is sad because it's really a great tool.