Skip to main content
UI/UX Design Beginner

Figma Basics – Complete Beginner to Advanced Guide

A complete 30-chapter beginner-to-advanced guide covering Figma fundamentals, UI/UX workflows, Auto Layout, Prototyping, and Design Systems.

30 chapters 16h 5m 4.7 (122)
Start Learning

What you'll learn

  • Introduction to Figma and UI/UX Design
  • Understanding the Figma Interface
  • Frames, Shapes, and Basic Design Tools
  • Working with Colors and Gradients
  • Typography and Text Design
  • Layouts and Spacing Principles
  • Wireframing Basics
  • Designing UI Components

Course content

30 chapters · 16h 5m
  1. 1 Introduction to Figma and UI/UX Design 15 min
  2. 2 Understanding the Figma Interface 20 min
  3. 3 Frames, Shapes, and Basic Design Tools 25 min
  4. 4 Working with Colors and Gradients 25 min
  5. 5 Typography and Text Design 30 min
  6. 6 Layouts and Spacing Principles 30 min
  7. 7 Wireframing Basics 25 min
  8. 8 Designing UI Components 35 min
  9. 9 Components and Variants in Figma 35 min
  10. 10 Auto Layout Fundamentals 40 min
  11. 11 Responsive Web Design in Figma 35 min
  12. 12 Mobile App UI Design 30 min
  13. 13 UX Design Fundamentals 35 min
  14. 14 Prototyping in Figma 30 min
  15. 15 Design Systems and UI Libraries 35 min
  16. 16 Designing Dashboards and Admin Panels 40 min
  17. 17 Website Landing Page Design 30 min
  18. 18 E-commerce UI Design 35 min
  19. 19 Dark Mode and Theming 30 min
  20. 20 Design Collaboration in Figma 25 min
  21. 21 Figma Plugins and Productivity Tools 25 min
  22. 22 Accessibility in UI/UX Design 30 min
  23. 23 Advanced Prototyping and Animations 40 min
  24. 24 Designing Real-World SaaS Applications 45 min
  25. 25 UI Design Trends and Best Practices 25 min
  26. 26 Figma for Frontend Developers 30 min
  27. 27 Freelancing and UI/UX Careers 35 min
  28. 28 UI/UX Interview Questions and Design Challenges 40 min
  29. 29 Building a Complete UI/UX Case Study 40 min
  30. 30 Build a Complete Real-World Product Design 50 min