DEV Community

Cover image for A huge list of web design tools
Rezaul karim
Rezaul karim

Posted on • Updated on

A huge list of web design tools

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:

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

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

For full articles in more organized way on my blog please Continue Reading

For more exciting tips and tricks about programming and coding please read our others articles

Find My page on Instagram: @stack.content

Find Me on Twitter: @rezaulkarim014

Discussion (3)

Collapse
ganwani_kamal profile image
kamal ganwani

great resources collection

Collapse
mrezaulkarim profile image
Rezaul karim Author

Thanks :)