6 Free UI Design tools

Type Scale

Type Scale is a visual typeface tool for UI designers where you can scale fonts and typefaces according to your website. It lets you preview the text using Google fonts and change the weight and font family to scale to a perfect fourth, minor third or golden ratio. The real time preview of the text size on the right column that allows you to see what it will look like on your screen.


Tool Description as in https://www.templatemonster.com/blog/10-best-design-tools-ui-ux-designers/

Image Credit: http://type-scale.com/


Material Design Resizer

Material Design Resizer is a great tool for testing design on desktop, mobile, and tablet devices. To begin with, the resizer, type in your website and it will show you exactly as it looks across all devices. It’s simple and effective. You can see all three screens on one screen. It saves you time and headache from switching screens or having to work on each one at different times.


Tool Description as in https://www.templatemonster.com/blog/10-best-design-tools-ui-ux-designers/

Image Credit: https://material.io/resizer/


UX Project Checklist

Effective web design, from the simplest brochure website to the most complex web application, needs to involve an understanding of context. While user-centered design focuses on user needs/tasks, and information architecture focuses on content, these two aspects alone offer an incomplete picture.


Tool Description as in http://boxesandarrows.com/competitive-analysis-understanding-the-market-context/

Image Credit: https://uxchecklist.github.io/



Pttrns is helpful when brainstorming designs on mobile. It’s divided by mobile platforms: Android, iPhone and iPads, and Apple Watch. The categories section provides multiple choices for deciding how the mobile design should look. For example, for Airbnb, it shows their login page on the iPhone.


Tool Description as in https://www.templatemonster.com/blog/10-best-design-tools-ui-ux-designers/

Image Credit: https://www.templatemonster.com/blog/10-best-design-tools-ui-ux-designers/



Learn current trends and best practices in usability and marketing from industry experts, including our own research team.


Tool Description as in https://www.usertesting.com/

Image Credit: https://www.templatemonster.com/blog/10-best-design-tools-ui-ux-designers/



A one column layout will give you more control over your narrative. It should be able to guide your readers in a more predictable way from top to bottom. Whereas a multi column approach runs some additional risk of being distracting to the core purpose of a page. Guide people with a story and a prominent call to action at the end.


Tool Description as in http://www.goodui.org/

Image Credit: https://www.templatemonster.com/blog/10-best-design-tools-ui-ux-designers/


Useful Videos

UI Design

Source:Rohit B


Source:UX Design Training

UX Design

Source:The Futur

Leave a Reply

Your email address will not be published. Required fields are marked *