The All-Time Best 100 Design Tools Every Designer Must Know

Design, but simple.

My popular design ebook is now on sale. Don't miss out!

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.

Design, but simple.

My popular design ebook is now on sale. Don't miss out!

Get 30% off