How can I create an interactive mockup of my Photoshop web design?

This is my first time doing this. I made a web design in Photoshop and I don’t know what to do next. I have to show other people the website and I was think of using WebEx. Is there another software I can put my design in to and then it will work as a website or do I have to get another software and make the design again?


If you need to show the site the best alternative to demo it would be to code it as HTML and CSS. If you made the design with vectors you could try testing to see if the vectors could be converted to SVG and open the file in a browser however in gradients or effects will not transition properly. In the future I would suggest designing in Illustrator but in reality the best thing to do would be to design in the browser with code.

I have heard of paid conversion tools that can take a psd and turn it to HTML but Ive never used one and suggesting one isnt in scope with the site as it could be considered as spam and the link can rot as though services come and go.

So to sum up, at this time there really isn’t a one click solution that Im aware of.

Source : Link , Question Author : Mike , Answer Author : DᴀʀᴛʜVᴀᴅᴇʀ

Leave a Comment