List of tools required for the designer in 2018

Adobe Stock

I would like to share some of the tools and useful resources that will help speed up your work process.

✏️ ️ Typography

To search for fonts:

1. Google Font
2. My Fonts
3. Fonts
4. Font Squirrel
5. Dafont
6. Fonts4web (cyrillic fonts)
7. Fonts2u (cyrillic fonts)
8. Allfont (cyrillic fonts)

The combination of font pairs:

1. FontPair
2. Typ
3. Font Combinations Canva
4. Beautiful Web Type
5. Ultimate Google Font Pairings

Other:

1. Archetype:
   It is a tool that lets designers very quickly and easily create consistent typography styling and spacing for creative digital projects live, in the browser.
2. Type Scale:
   Allows you to create easily a hierarchy in the text.
3. Modularscale:
   Allows you to create easily a hierarchy in the text.
4. Typehunting :
   The on-going archive of found typography.
5. Webaim:
   This is the color contrast for typography. There is a bad interface, but it
   works good.
6. Wordmark :
   Allows you to type text and view it in different combinations of fonts.

🎨 Color

Pick colors:

1. Flat Ui Colors
2. Material Design Palette
3. Material Ui
4. Adobe Color
5. Paletton
6. Color Hunt
7. Palettible
8. Coolors

Gradient:

1. Grabient
2. Color Space
3. Coolhue
4. Gradients
5. Web Gradients
6. Ui Gradients
7. Colorful Gradients

Colors combination:

1. Color Claim
2. Khroma
3. Pigment
4. Palx
5. ColourCode

Other:

1. Pixels:
   Shows the color palette of running sites.
2. Name that Color:
   Enter the name of the color — get its name.
3. WISF:
   Examples of color inspirations.

🐼 Icons

1. Flaticon
2. Iconmonstr
3. Icons8
4. Material Design Icons
5. IconStore
6. Nucleo
7. IconJar

🏞 Stock photos

1. Pexels
2. Pikwizard
3. Pixabay
4. Flickr
5. Unsplash
6. Moose
7. Visualhunt
8. Superfamous
9. Minimalissimo

🖥 General Tools

1. Sketch
2. Figma
3. Zeplin
4. Adobe XD
5. Affinity

📐 Prototyping & Constructor

1. Invision
2. Marvel
3. Webflow
4. UXPin
5. FlowMapp
6. Readymag

👾 Interface Animation

1. Principle
2. Flinto
3. InVision Studio
4. Origami
5. Adobe After Effects
6. Framer
7. Phase

💊 Inspirations

1. Dribbble
2. Awwwards
3. Muzli
4. Behance
5. One Page Love
6. Collect UI
7. Site Inspire
8. Design Shack
9. CSS Winner
10. CSSDesignAwards
11. Pinterest

🥕 Free Stock

1. All The Free Stock
2. The Stocks
3. Uipixels
4. Freebiesui
5. Uplabs
6. FreebieSupply
7. Freebbble
8. SketchAppSources

🏋️‍ Learning Resources

You Tube:

1. Dansky
2. Dann Petty
3. The Futur
4. Sketch Together
5. Maex
6. Flux
7. Sketch Together

Сourses

1. Coursera
2. Design+Code
3. Skillshare
4. Lynda
5. Tutpad
6. Design Principles

⭐️ Trends 2018

1. Top Graphic Design Trends
2. The Original Design Trends
3. Design Trends Part 1
4. Design Trends Part 2

💼 Other Design Tools

1. Sneakpeekit:
   Planning apps or websites is not always completely digital: sometimes you may need pencil, paper and some good sketch sheet templates to speed up your creative process.
2. RealtimeBoard:
   Simple whiteboarding platform for cross-functional teams collaboration.
3. Findguidelin:
   The fastest way to brand assets.
4. TinyPng:
   It uses smart lossy compression techniques to reduce the file size of your PNG files.
5. Grid:
   It is grid calculator.
6. Shortcuts:
   Every shortcut for designers in one place.
7. Ludus:
   It is the online presentation. Forget about Powerpoint.
8. Designercize:
   Random prompt generator for whiteboard design practice.
9. SnazzyMaps:
   It is a repository of different styles for Google Maps aimed towards web designers and developers.
10. the12principles:
    The 12 basic principles of animation were developed by the ‘old men’ of Walt Disney Studios, amongst them Frank Thomas and Ollie Johnston, during the 1930s.
11. LetsEnhance:
    Remove JPEG artifacts, upscale 4X, preserve quality. One-click and free.
12. Design patterns:
    User Interface Design patterns are recurring solutions that solve common design problems.
13. Mobbin:
    It is a hand-picked collection of the latest mobile design patterns from apps that reflect the best in design.

I hope that this article helped you find your tools.