This course teaches the essential principles of UI/UX design and provides hands-on training in Figma.

You will learn wireframing, layout design, typography, color theory, components, prototyping, and how to structure a complete design workflow.

By the end of the course, learners will design a fully functional app or website prototype in Figma.

Learning Outcomes

UI/UX Foundations

• Difference between UI & UX

• What makes a good design

• User-centered design basics

• Design thinking overview

Figma Essentials

• Interface walkthrough

• Frames & layout

• Shapes, text & tools

• Layers & pages

Wireframing Basics

• Low-fidelity wireframes

• Layout grids

• Structure & spacing

• Basic landing page layout

Typography & Colors

• Choosing fonts

• Font pairing

• Color psychology

• Simple design systems

UI Design Principles

• Buttons & components

• Spacing & alignment

• Visual hierarchy

• Modern UI patterns

Components & Design Systems

• Auto layout

• Components & variants

• Reusable UI kits

• Building micro design systems

Prototyping Basics

• Interactive flows

• Transitions & animations

• Clickable prototypes

• Sharing & presentation

Project Work

• Design a complete UI/UX project

• Wireframe → UI Design → Prototype

• Present final design in Figma