Request details

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.

2,087 votes
Sign in
(thinking…)
Password icon
Signed in as (Sign out)

We’ll send you updates on this idea

Jochen shared this idea  ·   ·  Flag idea as inappropriate…  ·  Admin →

263 comments

Sign in
(thinking…)
Password icon
Signed in as (Sign out)
Submitting...
  • Velara 3 commented  ·   ·  Flag as inappropriate

    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

  • Shyamal Ranjan commented  ·   ·  Flag as inappropriate

    As I designer I feel it can be an improvement of Web development cycle and greatly reduce total time for a website to come out so it can be linked to back end

  • mike commented  ·   ·  Flag as inappropriate

    Hello, I tested the use of XD, and I really like it, it’s fast, intuitive, and with many features. I ask you if the company provides for creation websites the possibility of creating a finished product without necessarily having to turn to a developer? In other words, expect that it will replace all MUSE

  • David commented  ·   ·  Flag as inappropriate

    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  ·   ·  Flag as inappropriate

    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  ·   ·  Flag as inappropriate

    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  ·   ·  Flag as inappropriate

    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  ·   ·  Flag as inappropriate

    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.

  • Eddie Diaz commented  ·   ·  Flag as inappropriate

    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  ·   ·  Flag as inappropriate

    +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  ·   ·  Flag as inappropriate

    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  ·   ·  Flag as inappropriate

    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  ·   ·  Flag as inappropriate

    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.

  • Anonymous commented  ·   ·  Flag as inappropriate

    I sure hope this feature gets moved past under review. I sure dont want to learn WordPress :)

  • London commented  ·   ·  Flag as inappropriate

    This would be awesome! Even exporting to Dreamweaver would be a great option.

← Previous 1 3 4 5 13 14

Feedback and Knowledge Base