Dev Genius

Coding, Tutorials, News, UX, UI and much more related to development

Follow publication

Member-only story

Figma — 9 Essential Techniques To Website Design

Gavin F.
Dev Genius
Published in
10 min readFeb 9, 2021

--

Photo by Emma Matthews Digital Content Production on Unsplash

UX/UI Design is the important and very first step of a website creation. No matter how awesome the prevalent technologies can achieve, nothing meaningful and valuable can be delivered without a gorgeous design.

Albeit 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. 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.

Mastering the power tool of UX/UI design has become a valuable skill. With the ever increasing demand on website design, the design tool incredibly boosts productivity and improves quality of design art work.

Further 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.

What is Figma?

Figma is a power tool for UI/UX design. It is a vector based diagramming tool, meaning that it literally supports drawing various shapes and creation of icons regardless of screen resolution.

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.

Moreover, it offers free tier scheme to individual users, so all you need to do is to register a free account and use it right away for your own project. Such scheme is an incomparable advantage over other tools such as Sketch in the market.

Design Systems — Foundation of Web Design

Conveying messages to target audiences and achieve high conversion rate is the primary goal of most websites, some people might think stunning graphics and rich content play a crucial role in a successful web portal design. It is partially correct, however, visitors probably will not stay long in your websites if content is…

--

--

Published in Dev Genius

Coding, Tutorials, News, UX, UI and much more related to development

Written by Gavin F.

Decades experience in software development. Building software and researching technologies are my full-blown obsession.

Responses (1)

Write a response