samcx.com
4.55 out of 5
4.55
182 reviews on Udemy

Figma for UI/UX Design 2021: Learning by Doing approach

Design a Website while learning Figma using Learning by Doing Approach
Instructor:
Saumitra Newalkar
15,218 students enrolled
English [Auto]
Understand Figma and its functionality
Create a modern looking website as per client requirement
Create colour palette and choose colour schemes according to the brand colours
Understand typefaces, type scale, and create Typography reference sheet
Design easy to replicate designs using advanced Figma features such as Auto Layout

Here are some reviews from the students of the course:

“I start learning Figma with this class . It was very useful and I learned not only the basics of Figma but also I learned how to organized my project and lots of tips about UI.” – Kamelia

“The course is great for beginners to quickly learn the most used features and start creating their own work.” – Marcus Martins

“Your teaching style is great. I really enjoy watching and learning from you. thanks” – Beheshteh atrian

“The Class is Amaning, It really helped me to learn Figma as a Beginner” – Monesh Mangtani

“This course was very beneficial and practical for me.” – Bita Bostanchi

“Very nice for you who want to take a step at web design or UI/UX design role.” – Amadev

This is very much a practical course on learning Figma. At the end of the course, you will have an aesthetically pleasing Project of a Website to show in your portfolio.

Figma is increasingly becoming the tool of choice for UI/UX Design teams all over the world. It is because Figma is much more powerful than Adobe XD and Sketch when it comes to its capability to collaborate and develop responsive design. In this course, you will learn Figma while designing while you are learning. This learning by doing methodology will help you learn Figma more effectively.

In this course, you will also learn the process of UI/UX Design with Figma, which starts at the client brief, and ends with a beautiful design which the client loves. You are requested to follow the course and start working in Figma in parallel. The course covers following steps in the UI/UX Design process:

  • Understanding Client’s Design

  • Understanding the Wireframe

  • Creating Colour Palette matching to the Brand Design

  • Choosing Typefaces and Type Scale

  • Designing a modern User Interface according to the requirement

  • Use Figma specific features like Auto Layout to speed up your workflow

This course is specifically aimed at beginners to help then get upto speed. Learning a tool is not enough to create an output of relevance, and hence, this course is a project based course. At the end of the course you will have a beautiful website design (with website copy) for a study abroad company to show off in your portfolio.

Introduction

1
Introduction
2
Setting up the environment

Link for the Workbook File - https://www.figma.com/file/Ha3S4t0JFzjM87eufWmtfQ/Excellence-Study-Abroad-Workbook-File


Link for the Reference File - https://www.figma.com/file/0PBgomraRFAEw0kcWO5V88/Excellence-Study-Abroad-Reference-File

3
If you're having trouble with importing course files to Figma

Link for the Workbook File - https://www.figma.com/file/Ha3S4t0JFzjM87eufWmtfQ/Excellence-Study-Abroad-Workbook-File


Link for the Reference File - https://www.figma.com/file/0PBgomraRFAEw0kcWO5V88/Excellence-Study-Abroad-Reference-File

4
Hello World: Basic Introduction to Figma Interface
5
Client Requirement and Wireframe

Colour Scheme and Typography

1
Choosing Primary Colours
2
Choosing Secondary and Tertiary Colours
3
Choosing Grays from Primary Colour
4
Choosing Typefaces and Type-Scale
5
Heading, Paragraph, and Body Styles

Designing the Webpage

1
Setting up the Artboard and Grids
2
Creating the Navigation Bar
3
Using Headings and Text Styles
4
Creating Background and Inserting Image
5
Making the Call to Action Button
6
Using Auto Layout for next section
7
Designing the Feature Cards with Auto Layout
8
Adding Visual Background to the Cards
9
Another way to design Cards (for next section)
10
Building next section with Cards using auto layout
11
Do it yourself for the rest of the design

Coming Soon

1
Thank You! .... Coming Soon....
You can view and review the lecture materials indefinitely, like an on-demand channel.
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
4.6
4.6 out of 5
182 Ratings

Detailed Rating

Stars 5
85
Stars 4
64
Stars 3
25
Stars 2
3
Stars 1
5
Get on Udemy
30-Day Money-Back Guarantee

Includes

2 hours on-demand video
Full lifetime access
Access on mobile and TV
Certificate of Completion
Figma for UI/UX Design 2021: Learning by Doing approach
Category:
Design
Teacher
Daniel W
Price:
$88.98 $69
Get Course

Community

For Professionals

  • List Item #1
  • List Item #2
  • List Item #3

For Businesses

  • List Item #1
  • List Item #2
  • List Item #3

We support Sales, Marketing, Account Management and CX professionals. Learn new skills. Share your expertise. Connect with experts. Get inspired.

Linkedin Twitter Facebook

Community

Partnership Opportunities

  • Sponsorships
  • Advertise with us
  • List your Business
  • List your Event
  • List your Course

Company Information

  • About Us
  • Newsroom
  • Careers
  • Our Services
  • Contact us
Contribute now
Layer 1
samcx.com
Logo
Register New Account
Compare items
  • Total (0)
Compare
0