Best Web Design Tools

Bradley Nice

Published in

Level Up!

6 min readOct 27, 2016

by Bradley Nice, Content Manager at ClickHelp.com — software documentation tool

Are you a web designer? Then you should check these awesome web design tools to boost your designing career.

Whether you are working in a company or as a freelancer, this web design tools list is going to be a cheat sheet for your whole journey.

In this list I am going to share some awesome tools which will help you with logo designing, color correction, typography, graphics works etc.

Logo Design

Logotype Maker (Free) — Random generation of logos for your company;
Logo Makr (Free) — Simple logo creator with flat icons materials;
DesignMantic (Free) — Enter company name, select your industry, and it will generate a logo for you;
SquareSpace (Paid) — Create cool logos by drag and drop;
Logo Genie (Paid) — Logo Genie makes logo design easy and fun;
Logo Garden (Paid) — Automatic generation of logos;
Logoshi (Paid) — Draw a messy sketch and get a cool modern logo;
Logaster (Paid) — Make a decent logo without any design skills;
Logo Maker (Paid) — Generate hundreds of potential logo and modify them online;
Graphic Springs (Paid) — Choose logo template,modify and then download;

Typography

Google Fonts (Free) — Find and use high-quality fonts for your projects;
Fontstruct (Free) — Online font-building tool, fonts can be shared and downloaded;
Type light (Free) — A fully functional, Open Type font editor;
Fontface Ninja (Free) — Identify that cool font on the page you are browsing;
1001 Fonts (Free) — Huge library of fonts;
Font Squirrel (Free) — Best database of free fonts;
Typecast(Free) — Create visual and semantic designs that put type first;
Font Flame (Free) — Tinder for font pairing. Hate it or use it;
What Font is (Free) — Upload image and easily find its font;
Adobe Typekit (Paid) — Get access to a huge bundle of premium fonts;

Graphics Editors

Gimp (Free) — Open source editor for editing and retouching images;
Blender (Free) — Open source 3D creation;
DAZ 3D (Free) — To create realistic humans and animals in 3D;
BeFunky (Free) — Huge library of fonts;
Pixlr (Free) — Online image editor;
Aviary (Free) — Photo editing mobile app for Android/iOS and the Web;
Photoshop (Paid) — One of the best tools in the industry. Perfect for enhancing photographs, designs, and 3D artwork;
Illustrator (Paid) — To build beautiful vector arts;
Affinity (Paid) — Photo editing tool. For Mac only;
DrawPlus (Paid) — Create amazing logos, drawings and designs, at a reasonable price;

Colors

Color Hunt (Free) — A curated collection of beautiful colors;
TinEye (Free) — Determine your colors and search images with the perfect color combination;
ColorZilla (Free) — Perfect extension for picking colors from a web page;
Unclrd (Free) — A browser extension that turns every website into black and white;
Paletton (Free) — Tool for creating color combinations;
Adobe Color CC (Free) — Generate and save various color schemes;
Coolors (Free) — Color generator for your designs;
Colicious (Free) — Just press space bar and generate new color;
Hex Color Tool (Free) — Color picking tool;
Pictaculous (Free) — Color palette generate from PNG, JPG and GIF;
ColorDrop (Free) — A color matching tool, that lets you save you favourite color combinations;
ColorFavs (Free) — A great tool where you can easily create a color palette by dragging and dropping your image, inserting a URL or selecting random values;

Prototyping

HTML5 UP (Free) — Responsive and customizable HTML5 templates;
Napkin (Free) — App for designing quick mocks on your iPhone;
Weld (Free) — Draw your website online, just the way you want it;
Sketch (Paid) — The perfect tool for UI and UX design. But only compatible with Mac;
Proto.io (Paid) — Mobile app prototyping tool that allows you to create fully interactive mobile app prototypes;
Moqups (Paid) — HTML5 based web app for making wireframes, UI designs, prototypes, and mockups;
Flinto (Paid) — Sketch interactive prototypes from static images;
Balsamiq (Paid) — Wireframing and mockup tool with a high focus on usability;
Axure (Paid) — Quickly design prototypes from your computer and share them;
POP (Paid) — Helps you to transfer your pen + paper ideas to a real working prototype;

Stock Photos

Pexels (Free) — A massive database of stock photos you can use everywhere;
New Old Stock (Free) — Vintage photos from the public archives;
Superfamous (Free) — Huge collection of nature and are wider-angle shots;
The Pattern Library (Free) — A huge number of patterns and textures;
Unsplash (Free) — 10 new photos every 10 days;
FoodiesFeed (Free) — Free food photos;
Death to the Stock Photo (Free) — Free stock photos to your email every month;
Free Refe Photos (Free)— Huge list of images. Mostly landscape and nature photos;
Little Visuals (Free) — High-resolution landscape and building photos;
Gratisography (Free) — A massive database of free photos;
Picography (Free) — An impressive choice of photos released under the Creative Commons Public Domain CC0 licence;
Pixabay (Free) — Source for high quality free images;

Stock Graphics

GraphickStock (Free) — An unlimited number of high-quality, royalty-free photos, vectors and illustrations;
Brusheezy (Free) — Free Photoshop brushes, patterns, textures, and much more;
Iconfinder (Free) — Search engine for free icons;
Brushez (Free) — Huge collection of free Photoshop brushes;
Vecteezy (Free) — Huge variety of vector asset including icons and illustrations;
Font Bundles (Paid) — Home of premium fonts and font bundles;
The ispot (Paid) — Premium illustrations from top level artists;
Round Icons (Paid) — The biggest icons bundle in the world;
Webalys (Paid) — Premium icons by Vincent le Moign;
Illustrio (Paid) — Extensive library of images;

Infographics

Vizualize.me (Free) — Create your infographic or resume;
Canva (Free) — A simple design tool to create anything you need;
Infogr.am (Free) — Online tool for infographics and interactive charts;
Venngage (Free) — Easy infographic maker;
Draw.io (Free) — Online tool for making flow charts, process diagrams and network diagrams;
Piktochart (Free) — Natural infographic design to create high-quality graphics;
Visme (Free) — Online presentation and infographics tool with 1000′s of templates and graphics;
Easel.ly (Free) — Resume and infographic templates;
Gliffy (Free) — Online diagramming tool;
Visage (Free) — A simple design tool for creating visual content;

Collaboration

Lingo (Free) — With Lingo, you can build and share libraries of visual assets;
Bounce (Free) — An easy way to share your ideas on any website;
Marqueed (Free) — Markup and discuss images online. Pretty useful for Photoshop;
Zeplin (Free) — Collaboration app for frontend developers and UI designers;
Cage (Free) — Nice dashboard to collaborate with team and clients;
GoVisually (Paid) — One of the top tools to collect client feedback for your projects;
TrackDuck (Paid) — It allows leaving feedback right on a website or image file;
Red Pen (Paid) — Drag and drop your design and get feedback from your friends;
Usersnap (Paid) — It lets you take screenshots of web pages and annotate them;
InVision (Paid) — Prototyping, collaboration, and workflow platform;
Mockplus — prototyping, collaboration, and design system.

Inspiration

Dribbble — The biggest community of designers and the place of their work;
Behance — Discover the latest work from top online portfolios by creative professionals;
Muzli — Daily design inspiration;
Awwwards — The best efforts by developers, designers and web agencies in the world;
Design You Trust — Design blog and a huge community sharing latest trends, news, portfolios, fashion design, and creative ads;
Really Good Emails — Huge collection of well-designed emails
Fubiz — One of the most popular creative publications covering the latest creative news;
Designspiration — Pinterest-style board of high-level design inspiration;
Mobile Patterns — A library of iOS and Android screenshots for your inspiration;
One Page Love — Gallery showcasing the best single page website designs.