Design A Responsive Homepage Using Figma In One Hour

0

1

2

3

4

5

Posted on 24 Nov 10:43 | by mitsumi | 30 views

Last updated 2/2021
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz
Language: English | Size: 353.88 MB | Duration: 0h 57m

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

What you'll learn
Knowledge of Figma To Create Web Designs
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 itAn active internet connectionPassion to learnAfter 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 designsUse Figma Plugin to add icons to your designConvert a desktop design to a mobile version in FigmaI hope you will be able to learn to use the knowledge from this course in your future designing projects.
Overview
Section 1: Introduction & Set Up
Lecture 1 Introduction To Course
Lecture 2 Downloading Figma
Lecture 3 Setting Up The Project
Section 2: Navigation Menu
Lecture 4 Positioning The Navigation Menu Items
Lecture 5 Adding The Logo
Section 3: The Hero Section
Lecture 6 Adding The Text Elements To The Hero Section
Lecture 7 Adding The Images & Icons For Hero Section
Section 4: Responsive Design
Lecture 8 Making It Responsive
Lecture 9 Prototyping In Figma
Section 5: Conclusion
Lecture 10 Conclusion & What Next?
Beginner Web Designers