Skip to content
Write a review
UdemyFigmaPaid courseAll LevelsCertificate

UI/UX Design With Figma : 5+ Real World Projects (Udemy.com)

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

4.2
2,982 reviews

Created by: Chetan Pujari

Last updated July 2025

icon
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

icon
Course Description

Welcome to Figma Essentials with Chetan Pujari!


Embark on a journey to master UX Design using Figma, the ultimate UI/UX design tool. Whether you're new to design or eager to delve deeper into User Experience, this course is your gateway to success.


Starting from the basics, we'll guide you through crafting compelling User Interfaces and dynamic prototypes, while addressing client expectations head-on.


Here's what's in store:

  • Dive into the fundamentals: Understand the brief and work with UX personas.

  • Design with precision: Create sleek wireframes and master color and image implementation.

  • Perfect your typography: Learn the art of font selection for web and mobile apps.

  • Craft custom components: Design icons, buttons, and other UI elements tailored to your project.

  • Decipher advanced concepts: Explore components, constraints, and multi-dimensional variants with ease.

  • Boost productivity: Utilize free UI kits and plugins to streamline your workflow.

  • Create consistency: Develop a style guide for seamless client handoff.

  • Elevate your designs: Master micro-interactions, page transitions, and animations.

  • Bring your prototypes to life: Build fully interactive prototypes from start to finish.

  • Collaborate effectively: Work with team members and prepare files for developers.

Throughout the course, we'll focus on Figma while providing insights into real-world UX projects and industry practices. Plus, assignments will hone your skills and empower you to create a standout portfolio.

Ready to transform from Figma Zero to Figma Hero? Let's upgrade your UX Design journey today.


The course provides over 100 assets and premium design templates, ensuring you have everything you need for your future projects. Rest assured, this is the ultimate online hub for honing your Design skills!

Get ready for a hands-on journey from beginner to professional Designer, where we guide you through crafting polished designs and transforming them into fully functional websites or apps.


Here's what you'll learn in the course...

   
        Section 1 GETTING STARTED

    • Frames & Design file in Figma Design(Interface)

    • UI vs. UX in Figma Design Magic Explained

    • Build Apps & Websites You'll Love (In This Figma Course)

    • Figma to Code Design Stunning Interfaces Without Writing a Line

    • Learn UX Briefs & Task Flows in Figma


    Section 2: Wireframing: Fundamentals and Best Practices

    • Lo-Fi vs Hi-Fi Wireframes Design Showdown


    Section 3: Mastering Typography, Color, and Icons

    • Figma Text Tool and Fonts

    • Figma Basics How To CREATE And MODIFY SHAPES

    • How to Choose and Use Colors in Figma

    • Strokes & updating default properties in Figma

    • What is Object Editing Mode & How to Use It? In Figma

    • How to Use The Scale Tool And Selection in Figma

    • Figma groups and frames for better UI designs

    • Best Free Icon Set Packs for UIUX Designers

    • Icon Basics In Figma

    • How To Install And Use Plugins in Figma

      Section 4: Creating Pages in Figma

    • How To Create And Use Pages In Your Figma File


    Section 5: Introduction to Prototyping in Figma: A Beginner's Guide

    • Figma Prototyping for Beginners

    • Figma Prototyping & Transitions (Easing)

    • Figma Testing Prototype with Figma Mirror


    Section 6: Figma Animation Basics

    • Figma Smart Animate for Beginners


    Section 7: Collaborate with Others: Sharing, Commenting, and Editing in Figma


    Section 8: The Ultimate Guide to Creating Moodboards in Figma


    • What Are Mood Boards & The SECRET To Finding Inspiration For Web & App Design

    • How To Create A Mood Board In Figma


    Section 9: Mastering Columns & Grids in Figma

    • Create a Responsive Grid System for Web & UI Design


    Figma: Essential Tips and Tricks



    Section 10: The Ultimate Guide to Using Colors in Figma


    • How to Choose Colors (Color Inspiration)

    • How I Make UI Color Palettes In Figma

    • How To Create Gradients in Figma

    • Creating a Color System in Figma

    • The easiest way to generate a color palette in Figma (Using Plugins)


    Section 11: Mastering Text and Fonts in Figma

    • Best Practices for Choosing Fonts and Font Pairing in UI and Web Design

    • Create the Perfect Typography Scale for UI & Web Projects

    • The fastest way to create text styles in Figma

    • How to add lorem ipsum text in Figma

    • Useful Text Tips & Tricks in Figma

    • How to add fonts in Figma and How TO Add missing fonts in Figma


    Section 12: Figma's Drawing Tools

    • Figma Pen Tool Basics & Vector Networks

    • Why are the Apple icons different (corner smoothing)


    Section 13: Figma Essentials: Working with Boolean Operations

    • Figma Boolean Operations (Union, Subtract, Intersect, Exclude)

    • Figma's Power Duo When to Use Union and When to Flatten

    • How to Use Smart Selection and Tidy Up in Figma


    Section 14: Figma Essentials: Working with Images and Assets

    • Placing images in Figma

    • Figma Masks (Mask Image and Text in Figma)

    • Figma images Plugins for UIUX Designers


    Section 15: Figma Essentials: Mastering Auto Layout and Constraints

    • Auto Layout And Constraints In Figma

    • Figma Auto Layout Space Between Objects

    • Figma Constraints & Resizing Made SIMPLE

    • Nest Frames, Auto Layout, And Constraints In Figma

    • Advanced Auto Layout Techniques - Figma


    Section 16: Figma Essentials: Working with Effects

    • How to Make Beautiful Shadows - UI Design with Figma

    • How to Create Background Blur and Layer Blur in Figma


    Section 17: Figma Essentials: Understanding Saving and Version History
Read More All Levels All Levels product length iconTime: 14.3h

icon
Udemy Discount

The discount is applied through our link. Open the course from here and Udemy's current promotional price is applied at checkout on most courses, no code to type.

Get the Udemy discount

Some courses are excluded from Udemy's promotions. If the price does not drop, clear your browser cookies and use the button again.

icon
Instructor Details

Chetan Pujari

Hi, I'm Chetan Pujari — a self-taught creator, educator, and lifelong learner on a mission to make artificial intelligence and creative technology accessible to everyone, regardless of your background.

Over the past few years, I've taught thousands of students worldwide through my bestselling Udemy courses in AI, Prompt Engineering, UI/UX Design, Video Editing, and Creative Tools. My mission is simple — to help you learn skills that actually matter in today's AI-driven world — in the easiest, most practical, and enjoyable way possible.

? My Journey: The Self-Taught Advantage

I didn't come from a formal tech or design background. I learned everything by doing, failing, experimenting, and ultimately mastering it myself — from editing my first video on Filmora to building AI automations and prompt engineering systems that power real businesses today.

As a completely self-taught creator, I understand your struggles because I've lived them. I know how overwhelming it feels to navigate endless tutorials, confusing jargon, and courses that promise everything but deliver little. That's exactly why I'm here — to cut through the noise and give you clear, actionable education that actually works.

My approach is simple: Learn it deeply, simplify it radically, teach it effectively.

Read More

icon
More courses by Chetan Pujari

$54.99

$49.99

$54.99

$44.99

$19.99

All courses by Chetan Pujari

icon
More Figma courses

$124.99

$149.99

$109.99

$74.99

$69.99

Free

All Figma courses

icon
Reviews

4.2

2,982 ratings on Udemy

Select a bar to show only those reviews.Select the bar again to show every rating.

Write a review

By Alexandros Katsaros on 11/7/2025

I’m absolutely satisfied with this course! It covers everything in detail and moves forward at a steady, well-structured pace. The instructor is excellent — clear, engaging, and truly skilled at explaining complex concepts in a simple and effective way. A great learning experience overall!

By Renuka Serikar on 11/19/2024

The instructor was excellent at breaking down complex concepts into simple, easy-to-understand explanations. The course was well-structured, and the examples were very relevant. This course has significantly improved my design skills—thank you!

By Shreya Sonali on 11/1/2024

Completing the UI/UX design course was an eye-opener! The hands-on projects and real-world examples made complex concepts easy to grasp. I now feel confident in applying these skills to create user-centered designs. Highly recommend it for anyone looking to break into or upskill in the field.....!!!!

By Ghada Rule on 10/31/2024

Quite practical and to the point. Covers enough of Figma to get a beginner up and running. There is also ample coverage of other resources (non Figma) that one can use from the Internet. For English-speaking audience: I initially found the accent difficult to follow but soon got used to it, so don't let this put you off. As a course on how to use Figma, this is ideal at all levels. It does need a little more on the topic of UI/UX, but this was not my main reason - I just needed the Figma part. Well done and thank you vey much.

By Vignesh C on 9/15/2024

Thank you so much for your guidance and support throughout the UI/UX course! Your teaching made complex concepts easy to understand, and the practical insights you shared were incredibly valuable. I feel confident and prepared to apply these skills in real-world projects. Truly grateful for your mentorship!

By Zainab Fatima on 8/9/2024

As a beginner in the UI/UX design field, I found this entire course extremely helpful in all aspects. It covered everything from detailed tool instruction, like Figma, to practical work on five real-world projects related to the field. I must say it’s a comprehensive learning package, especially for those looking to start a career in this versatile design field and seeking a course tailored for beginners.

By Harshit Chandnani on 6/20/2024

For a beginner I would recommend this course as I have been away from the UI/UX field for a while so the project thing helped me a bit but to be honest I have not learned something unique as the things are very basic for someone who I have Idea about it and did at least an internship. The major drawback of the course is the pronunciation and the speech that isn't clear enough.

By Janhavi Kulkarni on 4/18/2024

I had a really great experience throughout the course. I use to have difficulty before with designing visually appealing designs, but now I have learned valuable design principles, techniques, and tools that have greatly improved my skills and confidence in creating captivating and professional-looking designs.

By Sami Abdulraheem on 7/20/2023

This is a really great course especially for beginners. I really enjoyed learning this course with real life projects and I recommend for anyone who is starting their career as a UI/UX designer. Even though, the instructor's English language is sometimes not audible but aside from that this course helped me a lot and it is well organized and easily understandable so it is definitely worth to check this course out. Thank you Mr. Chetan.

By Āditya Sarma on 8/9/2022

When a course is active on Udemy, it means the instructor has a responsibility to answer the viewer's questions and not just dump the course for some cheap cash. I asked a question literally months ago and how disappointing it is to see other people facing same issues without any response from the instructor.

Showing all 10 reviews on CourseDuck

Read all 2,982 reviews on Udemy

icon
Quality Score

No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 84 / 100

UI/UX Design With Figma : 5+ Real World Projects
Visit course on Udemy Write a review
  • Video Duration: icon 14.3h
  • Price: $54.99 Track Price 11.99 Track Price
  • Provider: icon Udemy
  • Updated: icon July 2025
  • Level: All Levels All Levels
  • Language: icon English
  • Certificate: icon Yes
30-day money-back guarantee on most paid courses

Udemy Coupon Price Tracker

Udemy price history

For any issues or feature requests please email CourseDuck's Co-Founder at mkuhlman12@gmail.com