
I’ve been using Figma since I started exploring UI/UX design, its comprehensive features greatly speed up the layout design and saves lots of effort on trivial and routine tasks such as alignment. It is a vector based diagramming tool, meaning that it literally supports drawing various shapes and creation of icons regardless of screen resolution. What is Figma?įigma is a power tool for UI/UX design.

With the ever increasing demand on website design, the design tool incredibly boosts productivity and improves quality of design art work.įurther to my previous sharing of Figma for app wireframe and prototype design, this article is to share the techniques of using Figma for website design. Mastering the power tool of UX/UI design has become a valuable skill.
#Figma ruler tool software#
As a software developer, understanding the design principles and grasping the skills of UX/UI design is not only a great value added to personal development but also beneficial to the team amid the fast growing culture of cross-functional teams. No matter how awesome the prevalent technologies can achieve, nothing meaningful and valuable can be delivered without a gorgeous design.Īlbeit many software engineers are experties in translating the design into markup language and program codes such as HTML/CSS/JS, few knows the rationale behind the design. UX/UI Design is the important and very first step of a website creation.

Photo by Emma Matthews Digital Content Production on Unsplash
