Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
UI/UX Design Essentials Bootcamp with Figma
Rating: 4.5 out of 5(11 ratings)
55 students

UI/UX Design Essentials Bootcamp with Figma

Start your UI/UX Career in 2025; Master in-depth Web and App User Interface & User Experience Design with Figma.
Created byCoach Manuel
Last updated 1/2025
English

What you'll learn

  • UI/UX Design - What and Why?
  • UX Psychology
  • Introduction to Figma
  • Figma Workspace and Interface
  • Basic tools in Figma
  • Prototyping in Figma
  • Easing options and Prototype animation
  • Smart animation in Figma
  • Colour inspiration, colour palette and eyedropper tool
  • Masking, Cropping and Image plugins
  • Component and Effects
  • Project of Web and App Interface Design

Course content

1 section10 lectures2h 40m total length
  • Introduction to UI/UX Design Bootcamp6:25

    Hello everyone! Welcome to our class of UI UX Design Bootcamp with Figma.  If you are planning to learn User Interface and User Experience from the beginning then you are in right place because we will cover in this class from the basic to advanced level. This is a beginner level class so if you have no previous experience then you can join in this class.

  • UI/UX Design - What and Why?22:04
  • UX Psychology13:43
  • Introduction to Figma21:24
  • Figma Worspace and Interface6:45
  • Basic Tools in Figma, Masking, Cropping and Working with Components40:00
  • Working with Pages in Figma9:04
  • Prototyping in Figma29:32
  • Easing Options in Figma4:52
  • Smart Animation in Figma6:41

Requirements

  • Basic Computer Knowledge
  • Understand English Language

Description

What you'll learn in this class:

  1. Introduction to Figma

  2. Workspace and Interface Overview

  3. Basic Tools in Figma

  4. Using Pages in Figma

  5. Prototyping in Figma

  6. Easing Options and Prototype Animation

  7. Smart Animation Techniques

  8. Sharing and Adding Comments in Figma

  9. Working with Columns and Grids

  10. Color Inspiration, Palette Creation, and the Eyedropper Tool

  11. Applying Gradients

  12. Using Images in Figma

  13. Masking, Cropping, and Image Plugins

  14. Components and Effects

  15. Exporting Images

By the end of this class, you'll be able to:

  • Design your own mobile app and web pages

  • Create color palettes and gradients

  • Develop a strong understanding of web design coloring

  • Prototype your designs

  • Use selected images to create buttons and style fonts on web pages

This is a project-based course, meaning you'll actively apply what you learn through class projects. You'll have access to supporting resources, making it easier to follow along.

By enrolling in this course, you’ll not only learn the latest design techniques and tools like Figma, but you’ll also get insights into creating intuitive user interfaces, optimizing user experiences, and prototyping efficiently.

If you encounter any issues or have questions during the learning process, feel free to reach out to me in the class discussion section. I'm always here to assist you.

Let's begin our Figma journey for UI/UX design together!

For further help, send a message to the mail attached to my profile.

Who this course is for:

  • Beginner who want to learn UIUX design with Figma