Design A Responsive Homepage Using Figma In One Hour

Name: Design A Responsive Homepage Using Figma In One Hour
Rating: 4.6 (18 reviews)

Learn to create a responsive homepage step by step using the Figma UI Design tool

Created byGodson Thomas

Last updated 2/2021

English

What you'll learn

Knowledge of Figma To Create Web Designs

Course content

5 sections • 10 lectures • 56m total length

Introduction To Course0:46
This lecture is an introduction to the course and I also show you the final design which we are going to creating from scratch using Figma.
Downloading Figma4:06
In this lecture, we will download Figma and take a look at the interface of a Figma file.
Setting Up The Project4:56
In this lecture, we will set up the project. We will choose the fonts, colors and even add the frames for desktop and mobile versions of our design.

Making It Responsive13:42
In this lecture, we will start making our design responsive, so we will start creating a mobile version for our design. We basically copy most of the elements from the main design and tweak them a little bit to make it work better in a mobile device.
Prototyping In Figma5:40
In this lecture, we will use a feature in Figma called Prototype using which you can create interactions for your design elements. We will specifically create an interaction between the menu icon and the actual mobile navigation menu so that when you click on the menu icon, the mobile navigation menu should open.
Basics of Figma

Requirements

A computer with Figma installed on it
An active internet connection

Description

Hi, in this course, you will learn how to create a Responsive Homepage using Figma. Figma is a UI design tool that helps designers make the process of prototyping a website really easy and quick. Figma is a free tool that is used widely by a lot of popular designers. Learning to use Figma will help you a long way forward in your designing career.

We will start from scratch by downloading Figma all the way to creating interactions in the design.

I will guide you step by step in the process. If you follow all the videos, you will have for yourself a desktop and a mobile homepage design ready. Along the way, I will also share some tips and tricks which can help you speed up the process.

Requirements for this course are:

A computer with Figma installed on it
An active internet connection
Passion to learn

After completing this course, you will have the knowledge to design most of the web designs using Figma.

Some of the things that you will learn in this course are:

Learn how to use the Shape Tools in Figma to create logos, icons, and other designs
Use Figma Plugin to add icons to your design
Convert a desktop design to a mobile version in Figma

I hope you will be able to learn to use the knowledge from this course in your future designing projects.

Who this course is for:

Beginner Web Designers

Design A Responsive Homepage Using Figma In One Hour

What you'll learn

Explore related topics

Course content

Introduction & Set Up3 lectures • 10min

Navigation Menu2 lectures • 13min

The Hero Section2 lectures • 13min

Responsive Design2 lectures • 19min

Conclusion1 lecture • 1min

Requirements

Description

Who this course is for: