There is no "one fits all approach" when it comes to design. Each project comes with its own set of needs and problems to be solved. Methodologies can vary based on the situation and solution. That being said, over the course of my career, I've continued to evolve my process in an iterative manner with a focus on Human Centered Design.
When creating a consistent user interface or web application, it all starts with a good Design System. By having a set of components that both integrates with Sketch, and the front-end code, it ensures that the product has a cohesive look.
In government projects, I've used the US Web Design System, both in Sketch to design mockups, and working with the development team to implement the Design System's front-end code with custom React components, which brings consistency across all implemented platforms.
For other projects, I've created my own design system. Such as the design work done on Tessco's new brand and website. Additional screenshots can be provided to show type scale, base components, and the color palette/ branding.
For high-fidelity wireframes, I prefer Sketch. However, I evaluate and from time-to-time use other tools out of curiosity and for continual learning, including: Adobe XD, Figma, Affinity Designer, etc. For low-fidelity wireframes, Balsamiq or a literal sharpie works just fine.