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.
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.
Advanced color and style tools and goodies for web developers and graphic designers.
(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.
A designer tool for creating color combinations that work together well.
A delicious online color generator.
Generate color palettes from images, url’s or randomly.
14. Adobe Color CC
Create color schemes with the color wheel.
A collection of great looking color palettes.
16. Material Palette
Choose your favorite colors and get your Material Design palette generated and downloadable.
Generate fresh, new color palettes inspired by a theme or a place.
Turn one color into an array of alternative ones.
Online designer tool, which allows you to easily and intuitively combine colours.
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.
This collaborative project offers inspiration to pair Google fonts together.
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.
The tinder for font pairing.
An independent typography resource that helps designers choose the perfect font combination.
Preview how websites will look with fonts from Webtype.
The tool to establish a typographic system with modular scale and vertical rhythm.
Hand-picked resources for web designer and developers.
A collection of free PSDs, site templates, and other awesome design freebies.
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.
A collection of CSS, HTML5 & Responsive site templates.
Design graphics and templates, simple to use with unlimited possibilities.
41. Template Stash (Product Hunt)
A curated collection of best free themes & website templates.
Design resources that include different kinds of templates.
Open-source, multi-purpose, web builder framework.
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.
Build dynamic, responsive websites without writing code.
Create fully-interactive prototypes in minutes, no coding required.
Design with a powerfully simple code editor.
49. Vectr Labs
Collaborative free vector graphics software.
Cloud prototyping for product, UX and UI design teams.
Web animation tool for designers.
52. InVision App
A prototyping, collaboration, and workflow platform for designers.
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.
Quickly make interactive prototypes of mobile, desktop, or web apps.
57. Marvel App
Turn sketches, mockups and designs into app prototypes.
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.
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.
A collaborative online tool for easily designing interactive wireframes and UI prototypes.
Makes it easier to get feedback on your designs.
65. Evolus Pencil
Pencil provides a free and open-source GUI prototyping tool.
Build and customize native prototypes directly on device.
An intuitive, fast and collaborative prototyping tool.
Rapid wireframing tool that helps you work faster & smarter.
69. Frame Box
Lightweight online tool for creating and sharing mockups.
A simple tool to create and share simple wireframes of websites and mobile apps.
Everything you need to rapidly create functional wireframes.
Wireframe and mockup tools make it easy to design, share, and test your ideas.
User Interface drawing and UX tools for designers.
Online diagramming SaaS that makes it possible for anyone to diagram like a boss.
An online tool that makes it easy for you to create, link together, preview, and share mockups.
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.
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.
Build high-converting landing pages and overlays for your marketing campaigns without the need for developers.
Create and test responsive landing pages, sales & conversion pages.
One-stop A/B testing and conversion optimization platform.
Experimentation platform that enables experimentation and personalization across websites, mobile apps and connected devices.
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.
Testing solutions for any kind of project, AB/n, multivarate and third party evaluation.
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.
Create and share visual ideas online.
An easy-to-use infographic platform that helps non-designers create beautiful visuals.
Create visually engaging infographics, charts, reports and maps.
Create beautiful infographics, reports, posters and other graphics.
Network visualization and analysis platform.
Transforming data into interactive dashboards, graphs & maps.
Highcharts makes it easy to set up interactive charts in your web pages.
Create beautiful designs and professional graphics with Canva.
Create engaging infographics, videos & ebooks.
One easy to use online tool to create engaging visual content.
Create your own custom infographics with this easy to use online tool.
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.
Free Stock Photo Bundle
60 fantastic office shots, handpicked and cleared to be used anywhere you like.