UX/UI Design Using FIGMA

Master UX Design and UI Interfaces

4.9(72)8h 12m40 lectures4 sections

What you'll learn

  • Understand the difference between UX and UI
  • Learn design thinking principles
  • Use Figma for interface design
  • Execute a comprehensive practical project with Figma
  • Design an exceptional user experience
  • Analyze and improve user experience

About this course

Figma is a design tool for user interfaces, web and mobile applications, and interactive graphics. This course includes explanations on how to use Figma to design user interfaces and work with various design elements such as buttons, fields, boxes, images, graphics, and texts. It targets designers, developers, and individuals who want to learn how to effectively use Figma in their daily work.

Expected outcomes

  • Master Figma for designing user interfaces and experiences.
  • Analyze and improve user experience based on data.
  • Create professional designs and work with colors, fonts, and images.
  • Prepare high-quality design prototypes and share them with the team.

Learner reviews

These reviews are from learners who bought the content and completed at least 50% of it — there are no reviews from anyone who hasn't gone through the material.
4.9
★★★★★
72 reviews
5★
64
4★
6
3★
2
2★
0
1★
0

    Course content

    1

    UI/UX Design Principles

    18 lectures
    1. Course Introduction6:27
    2. The Difference Between User Experience Design and User Interfaces UX vs UI9:25
    3. What is User Experience and Case Study?8:45
    4. What is User Experience Research?7:41
    5. User Experience Analysis5:45
    6. What is User Flow?11:32
    7. Design Thinking11:36
    8. Intro to UI6:13
    9. The First and Second Principles of UI8:19
    10. The Third and Fourth Principles of UI9:32
    11. Most Used Screens in Design7:23
    12. The Difference Between Operating Systems13:10
    13. What is the Color Wheel7:00
    14. Meanings and Connotations of Colors7:18
    15. Color-Specific Websites14:33
    16. Fonts in UX_UI16:07
    17. Famous Websites for Designers9:30
    18. The Difference Between Image Formats4:56
    2

    Using Figma

    11 lectures
    1. Downloading Necessary Programs and Tools and Introduction to Figma13:30
    2. Art Board in Figma13:30
    3. Shapes in Figma17:30
    4. Text in Figma14:38
    5. Colors and Images21:15
    6. Group vs Frame14:41
    7. Components18:17
    8. Layout and Responsive Design14:11
    9. Creating Links Between Screens (Part One)20:27
    10. Creating Connections Between Screens (Part Two)8:22
    11. Share and Export17:53
    3

    Complete Project from A to Z Using Figma

    8 lectures
    1. Defining Goals and Ideas for the Final Project13:16
    2. User Journey, Sketch, and Project Model (Part One)11:56
    3. User Journey, Sketch, and Project Model (Part Two)25:57
    4. User Journey, Sketch, and Project Model (Part Three)15:58
    5. Finalizing the Design and Uploading to Behance (Part One)28:27
    6. Finalizing the Design and Uploading to Behance (Part Two)19:37
    7. Finalizing the Design and Uploading to Behance (Part Three)17:55
    8. Finalizing the Design and Uploading to Behance (Part Four)20:25
    4

    The Add-ons

    3 attachments
    1. Download the Workbook
    2. Important Sites No Designer Can Do Without
    3. Download the Final Design File

    Instructor

    Diya Ahmed

    Diya Ahmed

    UX/UI designer with over 5 years of experience, trainer and lecturer in graphic design programs.
    662 students1 courses