UI/UX Design with Figma

Overview

This UI/UX Design with Figma course is designed to help students learn how to create modern, user-friendly, and professional interfaces for websites and mobile applications. The course covers both UI (User Interface) and UX (User Experience) principles, focusing on real-world design practices.

Students will learn how to plan user journeys, create wireframes, design visually appealing interfaces, and build interactive prototypes using Figma, one of the most popular UI/UX design tools used in the industry. This course is suitable for beginners as well as learners who want to enter the design field professionally.

Course Curriculum (Detailed)

Module 1: Introduction to UI/UX Design

• What is UI and UX
• Difference between UI and UX
• Importance of user-centered design
• UI/UX design process

Module 2: UX Fundamentals

• Design thinking
• User research basics
• User personas
• User journey mapping

Module 3: Wireframing & User Flow

• What is wireframing
• Low-fidelity vs high-fidelity wireframes
• Creating user flows
• Information architecture

Module 4: Introduction to Figma

• Figma interface overview
• Frames and layouts
• Tools and panels
• Working with shapes and text

Module 5: UI Design Principles

• Color theory
• Typography basics
• Spacing and alignment
• Visual hierarchy

Module 6: Designing Website Interfaces

• Homepage design
• Landing page UI
• Navigation and layout design

Module 7: Mobile App UI Design

• Mobile UI guidelines
• Designing Android & iOS screens
• Responsive design concepts

Module 8: Components & Design Systems

• Creating reusable components
• Auto layout
• Styles and consistency

Module 9: Prototyping in Figma

• Creating interactive prototypes
• Transitions and animations
• Preview and testing

Module 10: Final Project

• Complete website or mobile app UI/UX design
• Presentation of design project