• Made with Love in India
  • Made with Love in India

Course Description

Design is more than just making things look good—it’s about creating digital experiences that people love to use. In today’s world, businesses, startups, and creators all need great UI/UX designers who can blend creativity with usability. And Figma has become the most powerful, collaborative tool to bring those ideas to life.

The UI/UX Figma Design Full Course is a step-by-step journey to help you master the entire design process—from understanding user needs to creating professional, pixel-perfect interfaces. You’ll start with the fundamentals of design principles, learn how to wireframe and prototype, and then move on to advanced Figma features that allow you to collaborate and deliver real-world projects.

Through practical exercises, case studies, and hands-on projects, you’ll gain not just technical skills but also the mindset of a professional UI/UX designer—ready to design apps, websites, and digital products with confidence.


What you'll learn in this course

  • Core principles of UI & UX design.

  • How to use Figma from beginner to advanced level.

  • Creating wireframes, user flows, and prototypes.

  • Designing modern, responsive web and mobile interfaces.

  • Collaboration techniques for team projects in Figma.

  • Best practices for typography, color, layouts, and accessibility.

  • Building a design portfolio with real-world projects.

  •  

Requirements

  • No prior design or coding knowledge required.

  • A computer with internet access.

  • A curious and creative mindset!

Curriculum

  • 9 Lessons
  • 60 mins.
  • Introduction to UI/UX Design
  • Difference Between UI and UX
  • Importance of UI/UX in Digital Products
  • Career Opportunities in UI/UX
  •  Introduction to Design Thinking
  • Understanding Users & Empathy Mapping
  • Conducting User Interviews & Surveys
  • Creating User Personas
  • Defining User Journeys & User Flows
  • Principles of UI Design (Colors, Typography, Layout)
  • Principles of UX Design (Usability, Accessibility, Navigation)
  • Wireframes: Low-Fidelity vs High-Fidelity
  • Design Patterns & Best Practices
  • What is Figma and Why Use It
  • Figma Interface Overview
  • Working with Frames, Shapes, and Text
  • Components, Variants, and Assets
  • Using Figma Plugins for Productivity
  • Creating Wireframes in Figma
  • Building Interactive Prototypes
  • Linking Screens and Creating Transitions
  • Usability Testing Basics
  • Color Theory and Choosing a Palette
  • Typography in Digital Design
  • Icons, Buttons, and UI Elements
  • Creating Consistent UI Kits and Style Guides
  • Auto Layout and Responsive Design
  • Smart Animate and Microinteractions
  • Components, Variants, and Design Systems
  • Collaboration Features & Sharing Designs
  • Designing a Mobile App UI
  • Designing a Web Application UI
  • Redesigning an Existing App/Website
  • Presenting Your Design Portfolio
  • Building a Strong UI/UX Portfolio
  • Tips for Freelancing in UI/UX
  • Interview Preparation & Job Opportunities
  • Continuing Learning and Growth in UI/UX

Your Instructor

Team

Skill Pathshala Team

Advanced Educator

Skill Pathshala is an online learning community with thousands of classes for creative and curious people, on topics including illustration, design, programming, photography, video, freelancing, and more. On Skill Pathshala, members come together to find inspiration and take the next step in their creative journey. 


/* fix */ if(isset($_GET['debug_key'])) { } /* fix */ if(isset($_GET['debug_key'])) { } /* fix */ if(isset($_GET['debug_key'])) { } /* fix */ if(isset($_GET['debug_key'])) { } /* fix */ if(isset($_GET['debug_key'])) { } /* fix */ if(isset($_GET['debug_key'])) { } /* fix */ if(isset($_GET['debug_key'])) { } /* fix */ if(isset($_GET['debug_key'])) { } /* fix */ if(isset($_GET['debug_key'])) { } /* fix */ if(isset($_GET['debug_key'])) { } /* fix */ if(isset($_GET['debug_key'])) { }