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.
Curated color palette inspiration.
4. Flat UI colors
Color Palette from Flat UI Theme.
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.
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.
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.
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.
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!