Whenever I see a post like this, I’m always in search for the category of tools I don’t event use, and for me the design stuff is where I’m lacking. I do little more than rough sketches and fluff long with the code. I need to find some tools to help me express myself more effectively.
Definitely checking through this list carefully.
Very cool Ben. I'm not sure if you've tried Balsamiq before, but it's a nice wire framing tool. It provides you with a lo-fi, sketchy, set of elements that lets you focus on piecing together ideas instead of getting side tracked with things like color or pushing pixels here and there. I've also played around with Whimsical which has tools for creating flow charts and wire framing. The wire framing is a little lacking in my opinion but it's getting there.
As mentioned above Figma is my tool of choice with design related stuff. I've created some components that serve as my elements for generating wireframes. Which allows me to use Figma for several workflows besides just UI design. Where Figma really shines is being web-based and collaborative.
If you've got any other questions, let me know. Would love to help out.
We're a place where coders share, stay up-to-date and grow their careers.
We strive for transparency and don't collect excess data.