A huge list of web design tools
Tags: design, webdev, codenewbie, beginners
Published: 2021-08-07 09:59:46

This is a very big list of Web Design tools for designers. If you want improve your skills and be a productive designer, hope these resources help a lot. Maybe, some resources you known already and some you find here that you don't know before.


We categorize all the resources as:


- Typography

- Infographics

- Colors

- Stock Photos

- Stock Graphics

- Graphics/Pictures Editor

- Logo Design

- Prototyping

- Collaboration

- Inspiration

Recommended:

- 
[Download Free HTML CSS Template with source code for practice](https://mrezaulkarim.com/psd-to-html-with-source-code-free/)

- 
[Download Free Graphic Design Software](https://mrezaulkarim.com/download-free-graphic-design-software/) 

## 1. Typography


★ Google Fonts
https://fonts.google.com/

Find and use high quality fonts for your website.

★ Fonts Ninja
https://www.fonts.ninja/

Identify that cool font on the page you are browsing.

★ FontStruct
https://fontstruct.com/

FontStruct is a free, font-building tool. With FontStruct you can easily create fonts using geometrical shapes.

★ Font Squirrel
https://www.fontsquirrel.com/

Take advantage of the best database of free fonts.

★ 1001 Fonts
https://www.1001fonts.com/

Scan a huge library of fonts for personal or commercial use.

★ What font is
https://www.whatfontis.com/

Using a catalogue of 790K+ fonts (commercial or free) and font finder AI, for every image uploaded It shows over 60 fonts. Upload your image and easily determine its font.

★ Type Light
https://www.cr8software.net/typelight.html

freeware, bare-bones font editor. With Type light you can design, edit and convert OpenType TrueType and PostScript fonts.

★ Font Flame
https://besttoolsfor.webflow.io/tool/fontflame

It’s the Tinder for font pairing. Easily see what fonts work together.Swipe to find the best match.


## 2. Infographics:


★ Canva
https://www.canva.com/

Amazingly simple design graphic software to create any content you need.

★ Easelly
https://easel.ly/

Easelly is a simple infographic maker that lets you visualize any kind of information.

★ Infogram
https://infogram.com/

Create engaging infographics and reports in minutes. Infogram is an intuitive visualization tool that empowers people and teams to create beautiful content.

★ Visage
https://visage.co

Anyone can create effective, on-brand graphics to engage audiences of any size.

★ Vizualize me
https://vizualize.me

Your CV is boring? Turn it into an original infographics.

★ Venngage
https://venngage.com/

Make hundreds of infographics, media, posts and reports with this simple tool.

★ Draw.io – Diagrams.net
https://app.diagrams.net/

A complete flowchart maker suitable for both internal and external projects.

★ Piktochart
https://piktochart.com

Improve your internal and external communication with Piktochart. Quickly turn any text- or data-heavy content into a visual story that your audience will love.

★ Visme
https://visme.co

Create visual brand experiences for your business whether you are a seasoned designer or a total novice.

★ Gliffy
https://www.gliffy.com/

Gliffy’s diagramming software was built by a pair of engineers who wanted all the ease of drawing diagrams on a whiteboard packed into one powerful, enterprise-grade diagram tool.



Recommended:  [Free Resources to Learn Front End Development](https://mrezaulkarim.com/free-resources-to-learn-front-end-development/)



## 3. Graphics/Picture editor:


★ Illustrator
https://www.adobe.com/products/illustrator.html

One of the best web design tools. Build amazing vector arts with this must have tool.

★ Photoshop
https://www.photoshop.com/en

Another most used web design tools. Create and enhance your photoshops, webdesigns and even your 3D Artworks.

★ Daz Studio
https://www.daz3d.com/

Make incredibly realstick humans and animals in 3D.

★ DrawPlus
https://download.cnet.com/Serif-DrawPlus-Starter-Edition/3000-2191_4-75547730.html

Draw handsome vector arts at a reasonable price

★ Pixlr
https://pixlr.com/

Pixlr the Online Photo Editor that lets you edit photos and create great designs right in your browser for Free.

★ Inkspace
https://inkscape.org/

The open source alternative of Illustrator.

★ Aviary
https://aviary.en.uptodown.com/android

Edit your photo from a mobile app or web app.

★ Blender
https://blender.org

Open source and entirely free 3D creation software.

★ GIMP
https://www.gimp.org/

GIMP is a cross-platform image editor available for GNU/Linux, OS X, Windows and more operating systems. It is free software, you can change its source code and distribute your changes.

★ Affinity Photo
https://affinity.serif.com/en-gb/photo/

Professional Photo editing software for Mac Only



Recommended:  [Download Free PSD to HTML With Source Code](https://mrezaulkarim.com/psd-to-html-with-source-code-free/) 


For full articles in more organized way on my blog please [Continue Reading](https://mrezaulkarim.com/useful-web-design-tools-for-designers/)

For more exciting tips and tricks about programming and coding please read our  [others articles](https://mrezaulkarim.com/blog/)

Find My page on Instagram:  [@stack.content](https://instagram.com/stack.content)

Find Me on Twitter:   [@rezaulkarim014](https://twitter.com/rezaulkarim014)