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
English [Auto],

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 section • 10 lectures • 2h 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

    Explore ux psychology and key ux laws—isolation (von Restorff), hick's law, and fitts law—and apply distinctive, easy-to-use interfaces with large touch targets and minimal options.

  • Introduction to Figma21:24
  • Figma Worspace and Interface6:45

    Navigate the Figma workspace and interface, including the toolbar, left layer and asset panel, right design and prototype panel, and the central design canvas.

  • Basic Tools in Figma, Masking, Cropping and Working with Components40:00

    Master core figma tools for ui design: navigate with move and scale, create frames and shapes, apply fills and strokes, and align, prototype, and preview on devices.

  • Working with Pages in Figma9:04

    Learn to manage pages in Figma by creating, renaming, duplicating, deleting, and organizing designs across splash screen, onboarding, home, and item pages, then prototype navigation.

  • Prototyping in Figma29:32

    Prototype course flows in Figma by linking splash to onboarding, home, and checkout screens. Apply after delay, smart animation, dissolve, move, slide, drag, and while pressing interactions for realistic transitions.

  • Easing Options in Figma4:52

    Explore easing options and prototype animation in Figma by animating matching layers on tap, using options like ease in, ease out, custom bezier, and spring variations.

  • Smart Animation in Figma6:41

    Explore smart animation in Figma, using Smart Animate with ease out, linear and other easing options to create seamless transitions between splash, onboarding, checkout, and bottom navigation screens.

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

Report abuse