: 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

@Nimeshi706

@Mike , I think @DarthVader addressed your question quite well. But just to throw more light on your follow up question, there are a host of good tools out there that can help your workflow with little or no coding at all. Since your workflow is in Adobe Photoshop, Adobe has Adobe Experience Design that works seemlessly with Photoshop. Visit their Learn and support page for a quick start up. InVision, is another interactive web prototyping tool that integrates well with Photoshop. UXPin also supports Photoshop imports, Proto.io too has great support Photoshop, and Justinmind, allows great prototyping options though its Photoshop integration/workflow is a bit limited.

Note that there are a host of great tools out there and choosing what you wish to work with is a matter of your budget and person preference.

Vote Up Vote Down

@Smith574

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.

Vote Up Vote Down