Skip to main content
Participant
December 28, 2017
Answered

Design to web

  • December 28, 2017
  • 5 replies
  • 1420 views

How do I turn my design into an actual website? Do I really have to code everything I designed? Is there a program that could convert it to css,js,html?

I'm sorry I'm just really new to this

    This topic has been closed for replies.
    Correct answer Raimundo Illanes

    The easy way is to got to the File menu, then Export, and select the web option.

    5 replies

    Dan Rodney
    Community Expert
    Community Expert
    January 10, 2018

    Programs that are usually good at design, are often not good at coding. In professional workflows we design, and then code. Yes that involves work and knowledge of code, but the result will be better than the code a design app would produce.

    — Adobe Certified Expert & Instructor at Noble Desktop | Web Developer, Designer, InDesign Scriptor
    Raimundo Illanes
    Raimundo IllanesCorrect answer
    Inspiring
    January 8, 2018

    The easy way is to got to the File menu, then Export, and select the web option.

    Participating Frequently
    January 2, 2018

    Hi, maybe check this video and maybe you will find something newer... Would be grateful if you share other videos with Xd How To Convert Adobe Xd Design To HTML - YouTube

    Participant
    December 30, 2017

    I too am new to this and would like to know the answer. I have designed an application and website and absolutely love the way it turned out, but now what? What is the next step?

    Inspiring
    January 8, 2018

    Just took some time to look into this new application myself, as I was seeking an Adobe-based application that would easily & quickly provide the code info to a developer to inject into pages within a CMS, instead having to pick out of a Photoshop file.

    I am now ruling out using this application as Sketch, Invision or Avocode are adequate working solutions. XD seems to be behind with regards to this process, and I don't like how you would have to copy and paste each & every line of code to transfer into your stylesheet (from what I observed in an online tutorial).

    If you are happy with your layout as is, turn it over to a developer or frontend designer to convert to code for you. Yes, everything is going to need to be coded out.

    If you want to get up and running with a visual editor that converts to a live website instantly (at the key breakpoints), try the cloud-based application called Webflow.

    Hope that helps!