A decade (and a half?) ago, I was comfortable using Photoshop to mock up designs but that seems to have fallen out of favor for vector-based programs/web apps like Sketch, Webflow, etc.
So, HN, what are the tools you use for designing websites in 2017?
Once I've got a good idea of how it all fits together I'll create detailed wireframes in Axure to hand over to the developers. Then I use Sketch for design and Marvell for presentations. I also use Zeplin for hand-off to front end.
Next I then go looking for inspiration from websites like
https://www.awwwards.com/ https://dribbble.com/ https://onepagelove.com/
Use that inspiration to figure out a general layout of the site and it's different pages, wireframe that up.
Choose a color palate based on what industry the site is in and other factors.
After that the rest is pretty much details and feedback from the client.
It, of course, has the prerequisite that you're working with React.
Photoshop is just not my style, however I have friends that do use it and are very productive with it. It all comes down to preference.