When you want to design the interface of a website, but you know that your Photoshop skills are not at the advanced level, you might be wondering about the best path forward. The way that you move forward will depend on which software you choose to use and which platform you use for the design of the website.
If your web programming or designing skills are at the beginner level, and your Photoshop skills are at the intermediate level, it is best to not go overboard with your plans.
One option that you might want to consider is to understand how the technology of the web design platform works. This will take some time. Begin by watching some tutorials or reading some beginner guides to CSS, HTML and other techniques. Try your hand at some practice coding. Find out how the technology plays with graphic design interfaces. You should spend the majority of your time learning the technology, benefits and features of the platform that you want to use before you worry about adding in the graphic design elements.
Another idea to consider is how much time you want to spend on the graphic design. Photoshop does not do everything, and it may not be the most efficient choice for your needs. After you know more about the technology of the platform, you can choose the graphic design interface that has the features that you want and plays well with the design platform. The graphic interface you choose is not as important as the web design architecture and coding. To some extent, Photoshop, Figma, Sketch and XD will all work with the different web design platforms, but most platforms seem to play better with one or two of the graphic design options.
If you are still not sure, go to the developer’s site and watch their tutorials on the graphic design system. Those tutorials should give you a good idea of what the interface is capable of doing. If you see that Adobe XD is not quite what you need or that it is just right, then you stop looking.