Design to web

[_Asaph_]

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

[Forbeaaa]

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?

[r_tist]

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!

[Vladis545]

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

[Vladis545]

guys, and we all need to check these tutorials https://www.digitalartsonline.co.uk/features/interactive-design/50-best-online-adobe-xd-tutorials/ there different sites are presented. And please check this video! https://helpx.adobe.com/xd/how-to/web-mobile-app-ui-ux-design-basics.html?playlist=/ccx/v1/collectio...

[Raimundo Illanes · Accepted solution]

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

[Dan Rodney]

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.