Best Web Design Tools
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.
That’s it — if you know any other web design tools, comment below we will add them to the list.
You may also like:
Have a nice day!
Bradley Nice,
Content Manager at ClickHelp.com — best online documentation tool for SaaS vendors