4.27 out of 5
4.27
1462 reviews on Udemy

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

Become a Designer in 2023! Learn how to use Figma to design beautiful mobile & web apps Learn-by-doing approach.
Instructor:
Chetan Pujari
60,275 students enrolled
English [Auto]
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.

Fundamentals of UI/UX design

1
The difference between UX and UI

Introduction to figma

1
Intro To Figma and Download & Install Figma to your desktop
2
Figma Interface/Dashboard
3
Import Figma Files in Figma
4
Tools in Figma
5
Figma Layers Panel
6
Figma Components
7
Design Tab/Panel
8
Text Tool and Fonts
9
Images in Figma
10
Boolean Operations in Figma
11
Alignment & Distribution Figma
12
Figma Team Libraries
13
The Code Panel in Figma
14
Prototyping in Figma
15
Horizontal & Vertical Scrolling
16
Masks in Figma
17
Figma Exports | .JPG .PNG .SVG .PDF | Save Project into .fig
18
Mockup in photoshop

Plugins in Figma

1
Plugins in Figma
2
5 MUST HAVE Plugins For Figma Designers!

Wireframing 101

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

Team setup and creating a team project

1
Create a New Project and File in Figma
2
Collaborate in real-time(Teams)

Project 1 - Food delivery app (Lattofatto)

1
Wireframing for lattofatto
2
Brand name page for lattofatto
3
Sign in page for lattofatto
4
Signup page for lattofatto
5
Menu page for lattofatto
6
Prototyping for Lattofatto

Project 2 - OTT streaming website.

1
Wireframing for OTT streaming platform
2
OTT streaming platform
3
Prototyping for OTT streaming platform

Project 3 - Music player app

1
Design your music app
2
Musify app UI
3
Prototyping Musify app

Project 4 - Social media website

1
Wireframing for social media app
2
social media website UI design

Project 5

1
project 5 (Test your UI/UX skills)

Ways to create attractive user interfaces

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

Inspiration and Resources

1
5 WEBSITES YOU MUST SEE! Web Design Inspiration
2
Bonus Lecture
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.3
4.3 out of 5
1462 Ratings

Detailed Rating

Stars 5
743
Stars 4
431
Stars 3
213
Stars 2
43
Stars 1
33