I know how overwhelming it feels to look for the best design tools out there only to end up confused with so many options. But don’t worry, I looked for the best 100 design tools so that you wouldn’t have to. Whether you are looking for colour or font generators, templates, prototyping & wireframing tools or infographics, I’ve got your back!

Colours, patterns, palettes



1. UI Patterns

UI design patterns. Each pattern comes with fully interactive examples, downloadable source code and can be used on mobile devices.

2. Brand Colors The biggest collection of official brand color codes around.

3. LOL Colors Curated color palette inspiration.

4. Flat UI colors

Color Palette from Flat UI Theme.

5. Coolors The super fast color schemes generator for cool designers.



6. Pictaculous Upload your image and get a color palette.

7. Color Hunt A curated collection of beautiful colors with daily updates.

8. TinEye Labs A tool for image recognition and search.

9. ColorZilla

Advanced color and style tools and goodies for web developers and graphic designers.

10. (Un)clrd

(un)clrd is a browser plugin that removes all color information of a given website and turns the entire world wide web into black and white.

11. Paletton A designer tool for creating color combinations that work together well.



12. Colicious A delicious online color generator.

13. Colorfavs Generate color palettes from images, url’s or randomly.

14. Adobe Color CC

Create color schemes with the color wheel.

15. ColorDrop

A collection of great looking color palettes.

16. Material Palette

Choose your favorite colors and get your Material Design palette generated and downloadable.

17. Palettr Generate fresh, new color palettes inspired by a theme or a place.

18. Colllor Turn one color into an array of alternative ones.

19. Colourcode Online designer tool, which allows you to easily and intuitively combine colours.

Typography

20. TypeFace app

Font manager for Mac, that helps you pick the perfect font by focusing on quick and accurate font previews.

21. Font Pair A tool to help you pair Google fonts together.

22. Adobe TypeKit Typekit partners with the world’s leading type foundries to bring thousands of beautiful fonts to designers.

23. Font Squirrel Font Squirrel scours the internet for high quality, legitimately free fonts.

24. Flipping Typical Type in some words and they instantly display in the typefaces you have installed.

25. Google Web Fonts Typographic Project This collaborative project offers inspiration to pair Google fonts together.

26. Fontstruct

A free, easy, online editor for creating modular typefaces.

27. Fontface Ninja A plugin you can install in your browser to recognize, try and buy any fonts on the Internet.

28. 1001 Fonts

15646 free fonts in 8914 families.

29. Fontflame

The tinder for font pairing.

30. Typewolf

An independent typography resource that helps designers choose the perfect font combination.

31. Webtype Preview how websites will look with fonts from Webtype.

32. Gridlover The tool to establish a typographic system with modular scale and vertical rhythm.

Templates

33. Freebiesbug

Hand-picked resources for web designer and developers.

34. Flypixel

A collection of free PSDs, site templates, and other awesome design freebies.

35. TemplateGarden High quality website templates, built using Bootstrap HTML5 framework.

36. Start Bootstrap Free HTML templates and themes for Bootstrap 3.

37. W3 Layouts Free responsive mobile website templates.

38. Bootstrap Zero

Responsive, open-source templates & themes for Bootstrap 3 & 4.

39. Templated

A collection of CSS, HTML5 & Responsive site templates.

40. Snappa

Design graphics and templates, simple to use with unlimited possibilities.



41. Template Stash (Product Hunt)

A curated collection of best free themes & website templates.

42. Bjango

Design resources that include different kinds of templates.

43. GrapesJS

Open-source, multi-purpose, web builder framework.

Template.net More than 25K free design templates. Needs email to download.

Prototyping

44. UXPin Collaborative design for everyone, to design, share and test prototypes.

45. Origami Studio

A tool for designing modern interfaces, to explore, iterate and test ideas.

46. Webflow Build dynamic, responsive websites without writing code.

47. Proto.io Create fully-interactive prototypes in minutes, no coding required.

48. Framer Design with a powerfully simple code editor.

49. Vectr Labs Collaborative free vector graphics software.

50. Atomic Cloud prototyping for product, UX and UI design teams.



51. Easee Web animation tool for designers.

52. InVision App

A prototyping, collaboration, and workflow platform for designers.

53. Principle

An animation, interaction and prototyping tool for user interface designers.

54. Adobe Comp CC Comp CC converts your rough shapes and lines into crisp graphics.

55. Just In Mind

All-in-one prototyping tool for web and mobile apps.

56. Flinto Quickly make interactive prototypes of mobile, desktop, or web apps.

57. Marvel App Turn sketches, mockups and designs into app prototypes.

58. Axure Prototypes, specifications, and diagrams in one tool.

59. Mock Plus An UX and UI design tool that make you prototype faster.

60. Sketch App

The ultimate tool for designing user interfaces, websites, and icons.

61. HotGloo A UX, wireframe and prototyping tool designed to build wireframes for web, mobile and wearables.

62. Savah App Transform your static screens into code-free, quick interactive prototypes for web and mobile.

63. Pidoco A collaborative online tool for easily designing interactive wireframes and UI prototypes.

64. Helio Makes it easier to get feedback on your designs.

65. Evolus Pencil Pencil provides a free and open-source GUI prototyping tool.

66. Form Build and customize native prototypes directly on device.

67. Prott An intuitive, fast and collaborative prototyping tool.

Wireframing

68. Balsamiq Rapid wireframing tool that helps you work faster & smarter.

69. Frame Box

Lightweight online tool for creating and sharing mockups.

70. Wireframe.cc A simple tool to create and share simple wireframes of websites and mobile apps.

71. Wirefy Everything you need to rapidly create functional wireframes.

72. Lucidchart Wireframe and mockup tools make it easy to design, share, and test your ideas.

73. MockFlow User Interface drawing and UX tools for designers.

74. Gliffy Online diagramming SaaS that makes it possible for anyone to diagram like a boss.

75. Mockingbird

An online tool that makes it easy for you to create, link together, preview, and share mockups.

A/B Testing

76. Adobe Target Adobe Target removes the coding and setup hassles of A/B testing, so it’s easy to see your visitors’ responses to content variations in real time.

77. Google Analytics Optimize Optimize offers website testing and personalization features you need to create online experiences that engage and delight your customers.

78. Google Analytics Experiments The Google Analytics experiments framework enables you to test almost any change or variation to a website or app to see how it performs in optimizing for a specific goal.

79. Unbounce Build high-converting landing pages and overlays for your marketing campaigns without the need for developers.

80. Leadpages Create and test responsive landing pages, sales & conversion pages.

81. VWO One-stop A/B testing and conversion optimization platform.

82. Optimizely Experimentation platform that enables experimentation and personalization across websites, mobile apps and connected devices.

83. Convert AB Testing and personalization solution for data driven decision in high-traffic websites.

84. AB Tasty Helps marketers tailor UX and increase conversion rates through A/B testing and content personalization.

85. Sentient Ascend Sentient Ascend makes multivariate testing accessible for sites that were previously only able to run A/B tests.

86. Qubit Testing solutions for any kind of project, AB/n, multivarate and third party evaluation.

87. Kissmetrics Get, keep and grow more customers with Kissmetrics behavioral analytics and engagement platform.

88. Five Second Test Optimize the clarity of landing pages by measuring people’s first impressions.

89. Oracle Marketing Cloud Using Maxymiser, marketers can deliver the most relevant, personalized experiences with simple A/B testing, complex multivariate campaign deployments, advanced customer statistics and server side testing.

Infographics

90. Easelly Create and share visual ideas online.

91. Piktochart An easy-to-use infographic platform that helps non-designers create beautiful visuals.

92. Infogram Create visually engaging infographics, charts, reports and maps.

93. Venngage Create beautiful infographics, reports, posters and other graphics.

94. Gephi Network visualization and analysis platform.

95. StatSilk

Transforming data into interactive dashboards, graphs & maps.

96. Highcharts Highcharts makes it easy to set up interactive charts in your web pages.

97. Canva Create beautiful designs and professional graphics with Canva.

98. Visually

Create engaging infographics, videos & ebooks.

99. Visme One easy to use online tool to create engaging visual content.

100. Zanifesto

Create your own custom infographics with this easy to use online tool.



Conclusion

This list wouldn’t be complete without the free stock pictures resources and the guide to creating graphics, so make sure you check them out and I promise your design work will definitely take the leap.