Ultimate Figma BootCamp UI/UX by Building 20+ Live Projects

Name: Ultimate Figma BootCamp UI/UX by Building 20+ Live Projects
Rating: 4.2 (125 reviews)

Learn Figma From Scracth To Advanced Level With 20+ UI/UX & Web Design Real time Projects Design Android & iOS mobile ap

Created byThe Knowledge Hub

Last updated 2/2026

English

What you'll learn

You Will Learn How to Design UI & UX Mockups
You will Learn How to do Prototyping in Figma
You Will Learn how to create Web & Application interfaces From scratch
You Will Learn How to Create Dash Boards in Figma
You Will Learn 20+ UI/UX & Web Projects
After Finishing This Course You Will Became Master in Figma
Master Prototype, Animation, Transition, Micro-Interaction, and Interactive
You Will Learn about boolean operations, gradients, effects, masking, and strokes.
You Will Learn about auto-layout, components, and variants with practical examples.

Course content

9 sections • 82 lectures • 13h 6m total length

1.Creating Account in Figma2:21
Students will learn how to create account in Figma
2.Learning Basic Tools In Figma12:47
In This Class Students will Basic Tools In Figma
3.Installing Plugins in Figma4:17
In This Class Students Will Learn How to Install Various Plugins in Figma
4.Learning about Masks in Figma4:31
In This Class You are Going learn about Masking in Figma
5.Learning About Variants & Components7:01
In This Class You Will Learn About Variants & Components in Figma
6.Discussing About Pages and assets in Figma4:12
in This Class We Will Discuss about pages and assets in Figma
7.Understanding Autolayout4:40
In This CLass We Will Learn mostpowerful autolayout in Figma
9.Sharing Files in Figma2:29
In This CLass We Are Going to Learn How to Share Files in Figma

1.Creating Wireframe For Food Application Final6:14
In This Class we are Designing Wireframe For Food UI
2.Designing First UI page for Food Application17:56
In This Class we are Designing First UI Page For Food App
3. Finishing First UI page for Food App11:59
In This Class We Are Going to Finish First UI page for Food app
4.Starting ProtoTyping in Figma11:40
In This Class We are Going to learn about Prototyping
5. Finishing First Ui prototyping Final6:27
In This Class We Are Going to Finshing Intractive UI Animation

1. Designing Web UI Page Elements8:39
In This Lesson We are Going to Learn About Web Ui page
2.Finishing Our First UI Web Page10:32
In This Class We Are Going to Finishing Our First UI Web Page
3. Finalsing Our First Web page5:36
In This Class We are Finishing Our First Web page
4.Prototyping For Our First page9:24
in This Lesson We Are Learning About Prototyping for Our First page
5 . Giving Functionality for Forward & Backward buttons5:15
In This Lesson We Are Learning to Give Functions to Forward Buttons
6.Designing Headphones page12:02
in This Class We are Going To Design HeadPhones Page
7.Prototyping for headphones page11:19
in This Lesson We are Prototyping Head Phones Page
8.Prototyping Buynow Page18:21
in This Class We are Going to do Prototyping For Buy Now Page
9. Desigining & Prototyping Add to Cart Page12:55
in this Class We are Going to Design & Start Prototyping Add To Cart Page
10. Finishing Prototyping for Add To Cart Page4:24
in this class we are prototyping for add to cart page
11. Connecting Speakers Page8:34
in this Class We are Connecting Speakers Page
12. Working on Payment Pages for Speakers9:57
in This Class We are Working on Payment pages for Speakers
13. Working on Add To Cart page8:32
In This CLass We are Designing Add To Cart Page
14. Working on Earphones Web Page4:23
in This Class We are Working on Earphones Web page
15.Working on Earphones payment page5:24
in This Class We are Working on Earphones Payment page and we can design some acessories for payment page
16. Finalising Our WebSite6:47
in This Class We are Finalzing Our Web site

1.Designing Dashboard Ui Page8:49
in This Class we are learning to Design Dashboard UI Page
2. Adding Some Additional Details in Dashboard4:18
In This Class We are adding some additional Details for our dashboard design
3. Designing Statistics8:21
in This Class We are Designing statistics design for our dashboard
4.Drawing Graphs For Dashboard4:35
In This Class we are Designing Graphs for Dsahboard
5.Finalsing DashBoard Design4:21
in This Class We are Finalsing Our Dsahboard
6.Prototyping Dashboard13:12
in This class We are Prototyping Dsahboard
7.Protyping DropDown Menu For Dashboard12:15
in this class we are going to learn how to create dropdown animations
8. Finishing Dashboard16:02
In This Class We are Finishing Our Dash board Design

1.Designing First Web Page10:20
In This Class we are Going To learn Designing First Web Page
2.Finishing Our First Web Page11:17
In This Class We Are Going To Finishing Our First Web Page
3.Designing Footer Part for First Web Page20:55
In This Class We Are Going To Design Footer Part Of First Web Page
4.Designing Rollovers For Buttons13:38
In This Class We Are Going To Animate Rollovers For Buttons
5.Designing Instructors Page16:02
In This Class We are Going To Learn How to Design Instructors Page
6.Designing Pricing page25:34
In This Class We Are Going To Design Pricing Page
7.Designing Sign up Page14:19
In This Class We Are Going To Learn How To Design Sign Up Page
8.Creating RollOvers For Pricing Page11:47
In This Class We Are Going TO create Roll Overs For Pricing page
9.Prototyping Web pages12:47
In This Class We are Going To Learn How To do Prototyping For Web Pages
10.Designing Payment Page10:07
In This Class We are Going To Design Payment Page
11. Creating Radial Buttons in Figma9:35
In This Class We are Going To Learn How To Create Radial Buttons
12.Creating Dropdown menu for Main page17:12
In This Class We are Going to create Dropdown menu
13.Rectifing Issues in Mainpage8:11
In This Class We are Going to Rectify some Issues in main page
14.Adujsting Other Web pages Correctly10:54
In This Class we are adjusting other web pages correctly
15.Preparing pages in Programes Dropdow menu and Prototyping11:30
In This class we are going to prepare drop down menu and protyping it
16. Finalzing Our WebSite4:00
In This Class We are Going To Finalize our Final Web Site

1.Designing First UI Page9:37
In this class we are going to learn how to design music app main page
2. Designing Background For UI Page7:32
In This Class we are going to learn how to create stunning backgrounds in figma
3.Designing Rollover Button in First page6:17
in this class we are going to learn how to design roll over buttons in first page
4.Designing Second UI page18:04
in this class we are going to design second UI Page
5.Creating a Home Rollover for SecondPage5:19
in this class we are going to learn how to create home roll over animation & design
6.Designing Play Button4:19
in this class we are going to learn how to design play button
7.Designing Third page10:00
In This class we are going to learn how to create third Ui Page
8. Making Play Music Animation6:49
in this class we are going to design play music animation
9.Adjusting Third Page2:31
in this class we are going to design third Ui Page
10.Animating Timer in Music app3:06
in this class we are going to animate Timer Music
11. Designing and Animating Play & Pause Buttons14:53
in this class we are going to design & animate Play & pause Buttons
12. Prototyping Play & Pause Buttons8:50
In This Class we are going to do prototype for play& pause buttons
13. Creatinng A button in main page11:16
In this class we are going to learn A Button in main page
14. Designing My account Page11:50
In this class we are going to learn to Design My Account page
15.Creating Search Bar Animation7:13
In this class we are going to learn how to create Search Bar Animation
16.Finalising Our App7:51
In this class we are going to Final our App

1.Creating Web page4:51
In This Class We are Going to design Web page for Product based web site
2. Creating Roll Over For First Webpage14:31
In this class we are going to learn Roll Overs for First Web site
3. Recctifing Issue for Rollover in webpage1:06
In this class we are going to learn rectifyng some issues in Rollovers
4. Creating Forward & backward buttons16:28
In this class we are going to learn creating some Forward & backward button animations
5.Making Functionality For Buttons4:54
6. Creating Some Additional Buttons9:29
7. Designing Shoe Description Page12:46
8 .Creating RollOver For Shoe Image8:18

Requirements

You Need Internet Connection
You Need Laptop or PC
No design experience is required. You will learn everything from scratch.

Description

User interface design(UI) and user experience design(UX) is a very crucial parts of determining the final output of software, applications, or process. User interface design and user experience design(UI/UX) has lots of benefits since they have a greater impact on influencing how users might use or uninstall an app or the retention rate of an app or software and the like. Welcome to this course Figma mega course we will be learning to design Interfaces using Figma as the primary design tool. You will be learning advanced prototyping and interactive animations Figma makes it fun and easier to get your designs up to speed with positive outcomes especially when you use a creative approach to doing what you love doing best. In this course , you'll learn to use shapes(components) and tools to create stunning user interfaces. Some fundamental design principles This Total course Contains 8 sections With real Time Projects would be taught and demonstrated in the course. The main Purpose of this Course is to make advanced user in making ui and ux mockups and to learning to build or design a user interface& Web Design . The course is for anybody who would like to get started with User interface design. This course is in taught by certified UI/UX instructor Venkatesh Chennu Expert in Figma

Who this course is for:

UI/UX Designers
UI/UX Developers
Graphic Designers
Front End Developers
People who are transitioning to Figma from other design software or careers.
Those who want to gain UI/UX skills to become freelancers, work as designers in a company

Ultimate Figma BootCamp UI/UX by Building 20+ Live Projects

What you'll learn

Explore related topics

Course content

Introduction To Figma8 lectures • 42min

Creating First UI Mockup in Figma4 lectures • 59min

Creating Food UI design App with Prototyping5 lectures • 54min

Creating a E -Commerece Web site in Figma16 lectures • 2hr 22min

Creating a Dashboard Design in Figma8 lectures • 1hr 12min

Creating Full Length Educational Website in Figma16 lectures • 3hr 28min

Creating Music Player App In Figma16 lectures • 2hr 15min

Creating a Product Website UI & Interactive Animations8 lectures • 1hr 12min

Section 9: Final Conclusion1 lecture • 1min

Requirements

Description

Who this course is for: