Here is a list of resources to make your designing/ developer/ project manager life easier:
Favourite tools
This is a biased list of the software that I am currently using in my workflow.
| Figma (awesome product design tool, great collaboration) | Website | ||
| Adobe Illustrator (logos, branding and icons – vector) | Website | ||
| Adobe Photoshop (image editing – standard) | Website | ||
| Webflow (no code website builder, hosting and CMS) | Website | ||
| Atom (great coding app, it’s free – what’s not to like) | Website | ||
Check out the others on the list you may find something great stuff below.
Wireframing tools
| Figma | Website | ||
| Sketch | Website | ||
| Adobe XD | Website | ||
| Balsamiq | Website | ||
| Marvel | Website | ||
| UXPin | Website | ||
Design software
| Figma | Website | ||
| Sketch | Website | ||
| Adobe XD | Website | ||
| Invision Studio | Website | ||
| Marvel | Website | ||
| UXPin | Website | ||
| Adobe Illustrator | Website | ||
| Adobe Photoshop | Website | ||
Design prototype
| Figma | Website | ||
| Adobe XD | Website | ||
| Sketch | Website | ||
| Invision Studio | Website | ||
| Protopie | Website | ||
| Principle | Website | ||
Website builder
| Webflow | Website | ||
Text editors
| Atom | Website | ||
| Brackets | Website | ||
| Sublime | Website | ||
Front end development
| Codepen | Website | ||
| JSfiddle | Website | ||
| Blisk | Website | ||
Fonts
| Google Fonts | Website | ||
| Adobe Typekit | Website | ||
Colour
| Adobe Color | Website | ||
| HTML color codes | Website | ||
| ColorSafe – Accessible colour checker | Website | ||
Icons
| The Noun Project | Website | ||
| Google Material Icons | Website | ||
| Font Awesome | Website | ||
| Iconmonstr | Website | ||
Stock images
| Unsplash – Free | Website | ||
| Pexels – Free | Website | ||
Code reference (HTML, CSS, Javascript)
| The Mozilla Foundation (HTML/CSS/JavaScript) | Website | ||
| W3 (HTML/CSS/JavaScript) | Website | ||
| CSS reference | Website | ||
| Marksheet (HTML/CSS easy to follow guide) | Website | ||
Learn coding online
| freeCodeCamp (Open source) | Website | ||
| Codecademy (HMTL, CSS, JavaScript and more) | Website | ||
| Lynda (Code and Design courses) | Website | ||
| Treehouse | Website | ||
| CodeSchool | Website | ||
Coding tutorials
| HTML Dog | Website | ||
| Codrops | Website | ||
Project management
| Asana | Website | ||
| Invision | Website | ||
| Monday | Website | ||
| Slack | Website | ||
| Trello | Website | ||
Have I missed something, let me know.