A Tons of Resources about Web Design Tools. That might help you to grow up. Hope you enjoy it. So, See the overview of the Categories of the list:
♦ Tap on the Item for see the list separately.
Recommended: Download Free Graphic Design Software
1. Typography:
★ Google Fonts
Find and use high quality fonts for your website.
★ Fonts Ninja
Identify that cool font on the page you are browsing.
★ Adobe Fonts premium
Get Access to a huge bundle of Premium fonts
★ FontStruct
FontStruct is a free, font-building tool. With FontStruct you can easily create fonts using geometrical shapes.
★ Monotype Fonts premium
https://www.monotype.com/fonts
What if you had unlimited access to the world’s largest collection of fonts, with search tools that found the perfect font whenever you needed one? Find the Monotype Fonts plan that’s right for you.
★ Font Squirrel
Take advantage of the best database of free fonts.
★ 1001 Fonts
Scan a huge library of fonts for personal or commercial use.
★ What font is
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
freeware, bare-bones font editor. With Type light you can design, edit and convert OpenType TrueType and PostScript fonts.
★ Font Flame
It’s the Tinder for font pairing. Easily see what fonts work together.Swipe to find the best match.
2. Infographics:
★ Canva
Amazingly simple design graphic software to create any content you need.
★ Easelly
Easelly is a simple infographic maker that lets you visualize any kind of information.
★ Infogram
Create engaging infographics and reports in minutes. Infogram is an intuitive visualization tool that empowers people and teams to create beautiful content.
★ Visage
Anyone can create effective, on-brand graphics to engage audiences of any size.
★ Vizualize me
Your CV is boring? Turn it into an original infographics.
★ Venngage
Make hundreds of infographics, media, posts and reports with this simple tool.
★ Draw.io – Diagrams.net
A complete flowchart maker suitable for both internal and external projects.
★ Piktochart
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
Create visual brand experiences for your business whether you are a seasoned designer or a total novice.
★ Gliffy
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. Colors:
★ Color Hunt
Browse through thousands of four color combinations until you find the right one
★ Adobe Color
Try, generate and save various colors schemes
★ Coolors
The super fast color schemes generator! Create the perfect palette or get inspired by thousands of beautiful color schemes.
★ TinEye
Determine your colors and search images with the perfect color combinations.
★ ColorZilla
Super convenient to pick colors from a web page.
★ Colicious
https://kbrsh.github.io/colicious/
Press the space bar and generate a new color. Amazing and useful.
★ Palette Generator
Generates a color plate for any image you find on the web.
★ Pictaculous
Upload your image and get a compatible color plate.
★ The Color App
Available on iTunes
Finding colors become much easier with large grid.
★ Uncldr
https://unclrd.davidkuehne.com/
(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.
4. Stock Photos:
★ Pixabay
Stunning free images & royalty free stock. Over 2.3 million+ high quality stock images.
★ Unsplash
The internet’s source of freely-usable images.
★ Pexels
The best free stock photos & videos shared by talented creators.
★ Freepik
Millions of Free Graphic Resources. Vectors, Stock Photos, PSD, Icons. All that you need for your Creative Projects.
★ Stocksy
Search art forward stock photos and footage with no filler.
★ Gratisography
Download Free High Resolution STOCK PICTURES. WITHOUT COPYRIGHT RESTRICTIONS!
★ Adobe Stock
Find the perfect stock asset for your next creative project.
★ Zoommy
Free stock photos from different sources gathered in one desktop app.
★ New Old Stock
Vintage photos from the public archives.Free of known copyright restrictions.
★ SplitShire
Beautiful & exclusive free stock photos.
5. Stock Graphics:
★ Vecteezy
The best place to find vector images.
★ Font Awesome
The world’s most popular and easiest to use icon set just got an upgrade. More icons. styles and Options.
★ Flaticon
Download free vector icons and stickers for your projects. Resources made by and for designers. PNG, SVG, EPS, PSD and BASE 64 formats.
★ Roundicons
Commercial use icon packs library made for apps, websites, infographics and prints.
★ The ispot premium
Buy pretty illustrations from great artiest.
★ Webalys
Webalys produce the best design assets for developers, designers and makers.
★ Iconfinder
Iconfinder is the world’s largest marketplace for vector and raster icons in SVG and PNG formats.
★ IconJar
Keep all your icons in one place, locally. Just a click away! For macOS only.
6. Graphics/Picture editor:
★ Illustrator
One of the best web design tools. Build amazing vector arts with this must have tool.
★ Photoshop
Another most used web design tools. Create and enhance your photoshops, webdesigns and even your 3D Artworks.
★ Daz Studio
Make incredibly realstick humans and animals in 3D.
★ DrawPlus
Draw handsome vector arts at a reasonable price
★ Pixlr
Pixlr the Online Photo Editor that lets you edit photos and create great designs right in your browser for Free.
★ Inkspace
The open source alternative of Illustrator.
★ Aviary
Edit your photo from a mobile app or web app.
★ Blender
Open source and entirely free 3D creation software.
★ GIMP
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
Professional Photo editing software for Mac Only
Recommended: Download free HTML CSS Templates with source code for practice
7. Logo Design
★ Designmantic
Create a professional logo with our logo maker tool that offers hundreds of templates for customization. Edit colors, font, icons for your brand and keep tweaking until satisfied.
★ GraphicSprings
https://www.graphicsprings.com/
Use GraphicSprings’ logo design software to create a brand you’ll love. Design your own unique logo and other brand assets with ease in just minutes.
★ Logo Genie
Design a perfect logo in minutes with our logo maker.
★ Logo Makr
Create and design your logo for free using an easy logo maker tool. Then just save your new logo on to your computer!
★ Logo Type Maker
Easy-to-use logo creator helps small business owners and entrepreneurs design perfect business logos.
★ Logo Garden
Over 2.5 million custom logos made. Create your logo for free. Edit and download at anytime.
★ Logoshi
Generate professional logos in seconds with our popular logo maker.
★ Logo Maker
Make a logo design in minutes. Logo Maker can make your big idea a reality!
8. Prototyping
★ Sketch
Most use web design tools in MAC. A vector design tools convenient for UI and UX. Only compatible with MAC
★ Flinto
Flinto is a Mac app used by top designers around the world to create interactive and animated prototypes of their app designs.
★ ProtoIO
Bring your idea to life in no time. The prototyping solution for all your needs. For UX designers, entrepreneurs, product managers, marketers, and anyone with a great idea.
★ Weld
Create engaging content, fast. Add interactive content and animations to your website.
★ Balsamiq
With Balsamiq Wireframes, anyone can design great websites, web apps, mobile apps, desktop software, user interface.
★ AppCooker
Prototyping studio for Apple Watch, iPhone and iPad apps.
★ HTML5 UP
Create classy, customizable and responsive HTML5 templates.
★ Axure
Axure RP is the only UX tool that gives UX professionals the power to build realistic, functional prototypes.
9. Collaboration
★ Invision
A simple prototyping and collaboration tool for design teams.
★ GoVisually
One of the best way to collect client for your project.
★ Red Pen
From the beginning, our goal has been to make collaboration super-fast. No matter where your colleagues are in the world, if you work with visuals we’ll help you collaborate with your team effortlessly.
★ Zeplin
The ultimate collaboration tool between designers and developers.
★ Cage App
A unique dashboard to collaborate with teams and clients
★ Bounce App
A fun and easy way to share ideas on a website.
★ Proofhub
Easily plan, collaborate, organize and deliver projects of all sizes, on time, using one project planning software with all the right tools put at one place.
★ Lingo App
Stop wasting time looking for files buried in folders. Organize all your visual assets in one place with Lingo. Create and share living brand style guides, digital asset libraries and more.
10. Inspiration
★ Dribble
Awesome web design tools for designers. The place where designers share their dazzling assets.
★ Muzil
Al the design inspiration you need straight in every new tab (browser extension)
★ Design you trust
Collective blog full of design portfolios and architectural inspirations.
★ Really Good Emails
Catalog of well designed emails to inspire you when building your newsletter.
★ Awwwards
Design Scramble is a design festival that aims to revitalize the creative community.
★ One Page Love
Original Showcase of elegant one page websites.
★ SiteSee
curated gallery of beautiful, modern websites from all around the world.
★ Designspiration
https://www.designspiration.com/
Pinterest style board of high level design inspiration to share.
★ Materialup
Curates the best design materials available online everyday.
★ Mobile patterns
https://www.mobile-patterns.com/
Learn how to overcome UX flows for your mobile app.
Conculation
Here are list of useful web design tools. Hope these resources increase your productivity.
Find it helpful? Please share with your friends and Read my others article about coding and programming, Tips, Productivity , Resources etc…
Find My page on Instagram: @stack.content
Find Me on Twitter: @rezaulkarim014