TOOLS THAT EVERY UI DESIGNER SHOULD KNOW

we all know that the design of a web site is the first impression that will be given to the user, so it's important to work on the design, but we all also know that working on it it's a little bit difficult and takes times , that's why I decided to give you 5 tools that will improve your design skills and makes you win a lot of time so let's start .

1. Google fonts 

as you know the majority of the content of websites is text so working on the text design is important, the most common problem that front-end web developer face is to find the best font for their text, google gives us a great solution called google fonts.

Google Fonts is a large library of different fonts that are free to use by a web developer, it offers you the possibility to chose the best font and to implement it easily on your web site.
all that you have to do is to follow these simple steps :

step 1 :

go to google fonts

step 2 :
after that, it will appear to you a multitude of fonts, chose what you like 

only what you have to do is to click on the red circle that contains a "+" then it will appear to you a black tab on the left at the bottom click on it 

step 3 :

chose import and copy the code on your CSS file then you can add your font easily.

2. cssgradient.io

Gradient is the future of web design, did you notice that the majority of new websites and popular one often use gradient background in their websites, now you know and with CSS gradient you can implement gradient color easily on your websites only by copying the line of codes and chose your colors, it's great 

3. materialpalette

we all know that moment when you don't find the perfect color for your text, button or you divs. this web site will help you a lot especially to chose your color and it's easy to use only what you have to do is to click on the color and it's automatically copied.

4.Font Awesome

one of my best websites, it offers me the possibility to add icons to my websites and it's easy to manipulate them because it obeys the same rule of text , that's mean you can manipulate them like text, and apply font property to them , it also offers you the possibility to use them as SVG and really it's very practical .

5. Clippy

making cool shape was never easy , Clippy allows you to customize your div and make the take the shape that you want and it gives you directly the source code and all that you have to do is to copy it and paste it to your code, and really it's very amazing to have some custom shape to your website, it gives your website a new look and new identity .