Design
DesignBeginner
UI / UX Design Fundamentals
Wireframes, prototypes and design systems in Figma, using briefs from real regional products.
3h 20m · 16 lessons
English & Dari
Course Overview
Learn how product designers work: research the problem, sketch the flow, build the interface, test it with a person, then hand it to a developer. You will complete a full mobile app design — a money transfer app — and finish with a Figma portfolio piece.
What you will be able to do
- Run a simple user research session
- Wireframe and prototype in Figma
- Build a reusable component library
- Hand off a design a developer can build
Curriculum
4 sections · 16 lessons · 3h 20m
- 1. What UX really meansFree preview8 min
- 2. Interviewing five users15 min
- 3. Mapping a user flow12 min
- 4. Defining the problem17 min
- 1. Figma fundamentalsFree preview10 min
- 2. Grids and spacing13 min
- 3. Typography for interfaces16 min
- 4. Colour and contrast (including accessibility)9 min
- 1. Components and variantsFree preview14 min
- 2. Interactive prototypes11 min
- 3. Testing with a real person8 min
- 4. Iterating on feedback15 min
- 1. Design tokens and specsFree preview12 min
- 2. Documenting states17 min
- 3. Working with a developer10 min
- 4. Writing your case study13 min
Requirements
- A computer with a browser (Figma runs free in the browser).
- No design background required.
Keep Going