UI/UX Design With Figma : 5+ Real World Projects(2022)

Become a Designer in 2022! Learn how to use Figma to design beautiful mobile & web apps Learn-by-doing approach.

4.34 (279 reviews)
4.5 hours
Mar 2022
last update
regular price

What you will learn

Learn to design for all types of devices using Figma and other tools used by some of the top designers in the world

Master both Web and Mobile design principles and how to go from sketching to fully fledged high fidelity designs that will wow customers

Learn to be a designer as well as a web developer at the same time (a rare combination of skills that is in high demand)!

Learn UI/UX best practices using the latest trends in the industry

You'll be able to send your finished work to other professionals in the correct formats.

You will be able to start earning money from your UI/UX Skills.

Learn to design websites & mobile phone apps.

You will learn how to reuse design elements for future projects

Wireframing in order to produce a functional prototype

The principles of User Interface Design and Prototyping

Working with your clients/team right within Figma

Building interactive prototypes to share with co-workers and clients

Creating great experiences with applications of UX Design


Figma is a leading design software, helping teams and individuals create designs faster and more efficiently. Figma is free and you can use it right on your web browser, on Mac, and on Windows.

The course has a practical component that takes you step-by-step through the workflow of a professional app designer. From user flow diagrams to wireframing to mockups and prototypes.

Students completing the course will have the knowledge to create beautiful and lovable apps that leave people with a smile on their faces.

The UI/UX Design With Figma Course is great for people with absolutely no design experience or experienced designers who want to get up to speed quickly with mobile app design and web design. We'll explore key UI and UX concepts that are essential to building good-looking and easy-to-use apps that are loved by users.

The only apps that do well are ones that are well designed both in terms of user interface and user experience. That's why it is so important to learn the design skills that will make your app stand out in a crowd.

Using the latest best practices in Web Design and Mobile Design as well as User Interface and User Experience Design (UI/UX), this course focuses on efficiently getting you from zero to a point where you can get hired or win freelance contracts. We will use in-demand tools like Figma to show you a full workflow from start to finish.


UI/UX Design With Figma : 5+ Real World Projects(2022) - Screenshot_01UI/UX Design With Figma : 5+ Real World Projects(2022) - Screenshot_02UI/UX Design With Figma : 5+ Real World Projects(2022) - Screenshot_03UI/UX Design With Figma : 5+ Real World Projects(2022) - Screenshot_04


Fundamentals of UI/UX design

The difference between UX and UI

Introduction to figma

Intro To Figma and Download & Install Figma to your desktop
Figma Interface/Dashboard
Import Figma Files in Figma
Tools in Figma
Figma Layers Panel
Figma Components
Design Tab/Panel
Text Tool and Fonts
Images in Figma
Boolean Operations in Figma
Alignment & Distribution Figma
Figma Team Libraries
The Code Panel in Figma
Prototyping in Figma
Horizontal & Vertical Scrolling
Masks in Figma
Figma Exports | .JPG .PNG .SVG .PDF | Save Project into .fig
Mockup in photoshop

Plugins in Figma

Plugins in Figma
5 MUST HAVE Plugins For Figma Designers!

Wireframing 101

What Is Wireframing?
Wireframing with Figma
How To Create Wireframe in wireframe.cc

Team setup and creating a team project

Create a New Project and File in Figma

Project 1 - Food delivery app (Lattofatto)

Wireframing for lattofatto
Brand name page for lattofatto
Sign in page for lattofatto
Signup page for lattofatto
Menu page for lattofatto
Prototyping for Lattofatto

Project 2 - OTT streaming website.

Wireframing for OTT streaming platform
OTT streaming platform
Prototyping for OTT streaming platform

Project 3 - Music player app

Design your music app
Musify app UI
Prototyping Musify app

Project 4 - Social media website

Wireframing for social media app
social media website UI design

Project 5

project 5 (Test your UI/UX skills)

Ways to create attractive user interfaces

Grid Systems in Web & UI Design
15 Things That Make Your UI Design Lit!!

Inspiration and Resources

5 WEBSITES YOU MUST SEE! Web Design Inspiration
Bonus Lecture


April 25, 2022
The instructor takes his time explaining the basics, which is commendable. Some other things are lacking though, eg grids, sizing, design systems etc
April 23, 2022
this course is a very good choice for me to learn UI/UX design. How the ideas work on screens and a lot more things I have learned in this course. thanks Chetan
April 13, 2022
I love that every step is explained. It's important to do level setting when training to ensure that the audience knows all the pieces that are necessary and there are no knowledge gaps. But few trainers do that. This is great!
April 13, 2022
This is one of the best courses to understand the basics of Figma and UI/UX. It will be definitely helpful for those who just started to learn the UI/UX or intended to learn.
April 12, 2022
It's really an amazing course. I learned more things about Figma. The way u taught this course was really nice and easy to understand for the beginners.Hats off to u and Thanks for this course.
April 12, 2022
Very well-structured course. And love the real-life questions and homework that were used as part of this course. Will really recommend this course to anyone who wants to learn Figam and UI/UX quickly. Thanks, Chetan Pujari.
April 11, 2022
The homework questions were doable and the hints were very helpful. A suggestion would be to have a few homework questions after the last chapter of the course that require us to apply all the concepts that were taught in the course.
April 11, 2022
Very good course. I had some basic knowledge but this course helped me to combine and understand all I learned.
April 11, 2022
Really didn't expect that the online course will be this good. covering up all the topics slowly and steadily is easy to understand. at last thanks udemy. Chetan is a good instructor.
April 9, 2022
The course was an amazing match for me. I got to practicalize the cool designs by the author and also work on mine personally
March 18, 2022
I was hoping that this course would be good because I can tell from the course outline that the contents are invaluable. But what the f is "Fruit of egg?" And "low fertility?" Don't take this personally. Nothing against the instructor's accent, but please make the closed captions and the transcript ACCURATE! Students are missing out on some of the important things and topics discussed related to this subject. Until this is rectified, the 1-star rating stays.
February 10, 2022
It's more helpful and i learned lot of new things, Clear explanations with examples and now I know a lot of things and free resources. Thanks :)
January 13, 2022
Instructor is very good and his method of explaining concepts is easy to understand and learn. Would certainly recommend this course for a beginner in UI/UX
December 29, 2021
this guy is a terrible english speaker, all i'm thinking right now is that why he hasn't made the course in his native language only? and if he actually wanted to make it available for all over the world by speaking english as it is a well known language, so first he should have taken some english classes himself, there are mostly tutorial videos which are about 2 minutes long each and only few of them are actually longer in minutes , im gonna finish this course and leave my honest review at the end
November 27, 2021
Every topic is explained very well that's why this is the highest-rated course on Udemy and the instructor knows everything about UI/UX and Figma I highly recommend this tutorial to everyone.



UI/UX Design With Figma : 5+ Real World Projects(2022) - Price chart


UI/UX Design With Figma : 5+ Real World Projects(2022) - Ratings chart

Enrollment distribution

UI/UX Design With Figma : 5+ Real World Projects(2022) - Distribution chart


11/10/2021100% OFF
11/11/2021100% OFF
11/29/2021100% OFF
12/16/2021100% OFF
1/22/2022100% OFF
3/16/2022100% OFF
4/7/2022100% OFF
4/24/2022100% OFF
5/8/2022100% OFF
5/14/2022100% OFF
udemy ID
course created date
course indexed date
course submited by