Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Learn Figma: UI/UX Design Masterclass From Beginner to Pro
Rating: 3.9 out of 5(1,009 ratings)
48,345 students

Learn Figma: UI/UX Design Masterclass From Beginner to Pro

Mobile App UI/UX Design in Figma: From Concept to Prototype
Last updated 3/2025
English

What you'll learn

  • Interface & Workspace
  • Tools & Utilities
  • Understanding Layers & Pages
  • Adding & Designing Text
  • Creating Wireframes
  • Button
  • Smart Selection % Tidy
  • Input Fields
  • Prototyping & Animation
  • Smart Animations & Micro Interaction
  • Collaborating in Figma
  • Organizing and optimising work using Grids
  • Colour theory & Colour Tools
  • Using colour Gradients & Layouts
  • Making a Placeholder Image
  • Masking and cropping

Course content

1 section21 lectures4h 25m total length
  • Introduction2:21
  • 1. Interface & Workspace8:28
  • 2. Tools & Utilities22:05

    Discover Figma tools and utilities for design and prototype work. Master selection, move, scale, frame, section, and slice, plus export options.

  • 3. Understanding Layers & Pages5:56
  • 4. Adding & Designing Text_Match Source - Adaptive High Bitrate14:35
  • 5. Creating Wireframes_Match Source - Adaptive High Bitrate28:54
  • 6. Button_Match Source - Adaptive High Bitrate4:06
  • 7. Smart Selection & Tidy_Match Source - Adaptive High Bitrate4:07

    Master smart selection in Figma to tidy up frames, realign and distribute vertical and horizontal spacing, and maintain an organized, evenly spaced design.

  • 8. Input Fields_Match Source - Adaptive High Bitrate13:01
  • 9. Prototyping & Animation_Match Source - Adaptive High Bitrate11:45
  • 10. Smart Animation & Micro Interaction_Match Source - Adaptive High Bitrate21:12
  • 11. Collaborating in Figma_Match Source - Adaptive High Bitrate6:10
  • 12. Organizing and optimizing work using Grids_Match Source - Adaptive High Bitr18:41
  • 13. Color theory & Color Tools_Match Source - Adaptive High Bitrate17:09
  • 14. Color Gradients & Layouts_Match Source - Adaptive High Bitrate18:45

    Master color gradients and layouts in Figma by building and applying linear, radial, angular, and diamond gradients, creating color styles, grids, and wireframe layouts for design systems.

  • 15. Making a Placeholder image_Match Source - Adaptive High Bitrate2:58

    Learn to create a placeholder image in Figma by importing and placing an image, then adjust fills, exposure, contrast, saturation, crop, resize, and rotate as needed.

  • 16. Masking & cropping_Match Source - Adaptive High Bitrate7:28
  • Class Project 111:33
  • Class Project 2 [part 1]19:32
  • Class Project 2 [part 2]23:18
  • Effectively Use of UIUX3:31

Requirements

  • Basic computer skill

Description

Welcome to our class of figma uiux beginner tutorial for learning how to use figma for uiux so if you are planning to learn how to use figma from the beginning then you are in the right place because we will cover in this. This class covers the basics so if you have any prior experience than it might be helpful for you to understand this class properly, if not then don’t worry as we will be teaching you all that you need to know as we go.

Let’s take a look at what you will be learning from this course;

1. Interface & Workspace

2. Tools & Utilities

3. Understanding Layers & Pages

4. Adding & Designing Text

5. Creating Wireframes

6. Button

7. Smart Selection % Tidy

8. Input Fields

9. Prototyping & Animation

10. Smart Animations & Micro Interaction

11. Collaborating in Figma

12. Organizing and optimising work using Grids

13. Colour theory & Colour Tools

14. Using colour Gradients & Layouts

15. Making a Placeholder Image

16. Masking and cropping


After Completing this Class, you will be able to

· Use Figma to make basic UIUX Designs

· Use the interface to utilize and enhance productivity

· Colour Grade

· Export in more advance and customized settings

· Optimise Workflow

· Do Project Examples

Now do keep this in mind that is a project-based Course, so at the end of all the classes you will have a class project that will enable you to actively participate in them to practice or refine what you have learned throughout the entire course. You will be provided with supporting resources so it will become easier to learn as we go.

During Learning if you have any queries or problem then do feel free to ask me. I will always be available to help if needed. So let us go ahead and start.

Who this course is for:

  • Individuals with an interest in UI/UX design who want to learn the essential features and functionalities of Figma from scratch.
  • Newcomers in the design field who want to build a strong foundation in UI/UX design principles.