UX Design Foundations
Research learner needs and design clear, inclusive digital experiences.
Course 5 of 10
Frames, Components, Auto layout, and more.
Yiga AI
Beginner · Course · 4 weeks at 5 hrs/week
What you’ll learn
Design Thinking & UX Foundations
Figma Fundamentals
Visual Design & Typography
Mobile-First & Accessible Design
Syllabus
4 modules · 25 lessons · 17 hours · 1 graded project
1000 minutes of guided lesson time.
Sign in and enrol to unlock every lesson. The first lesson is open as a preview.
Overview and set-up
Overview and set-up — Frames in Figma Fundamentals.
Lesson
Core concepts
Core concepts — Frames in Figma Fundamentals.
Lesson · Locked
Worked example
Worked example — Frames in Figma Fundamentals.
Lesson · Locked
Hands-on practice
Hands-on practice — Frames in Figma Fundamentals.
Lesson · Locked
Common pitfalls
Common pitfalls — Frames in Figma Fundamentals.
Lesson · Locked
Module quiz: Frames
Check what you learned in Frames before moving on.
Quiz · Locked
Overview and set-up
Overview and set-up — Components in Figma Fundamentals.
Lesson · Locked
Core concepts
Core concepts — Components in Figma Fundamentals.
Lesson · Locked
Worked example
Worked example — Components in Figma Fundamentals.
Lesson · Locked
Hands-on practice
Hands-on practice — Components in Figma Fundamentals.
Lesson · Locked
Common pitfalls
Common pitfalls — Components in Figma Fundamentals.
Lesson · Locked
Module quiz: Components
Check what you learned in Components before moving on.
Quiz · Locked
Overview and set-up
Overview and set-up — Auto layout in Figma Fundamentals.
Lesson · Locked
Core concepts
Core concepts — Auto layout in Figma Fundamentals.
Lesson · Locked
Worked example
Worked example — Auto layout in Figma Fundamentals.
Lesson · Locked
Hands-on practice
Hands-on practice — Auto layout in Figma Fundamentals.
Lesson · Locked
Common pitfalls
Common pitfalls — Auto layout in Figma Fundamentals.
Lesson · Locked
Module quiz: Auto layout
Check what you learned in Auto layout before moving on.
Quiz · Locked
Overview and set-up
Overview and set-up — Prototyping in Figma Fundamentals.
Lesson · Locked
Core concepts
Core concepts — Prototyping in Figma Fundamentals.
Lesson · Locked
Worked example
Worked example — Prototyping in Figma Fundamentals.
Lesson · Locked
Hands-on practice
Hands-on practice — Prototyping in Figma Fundamentals.
Lesson · Locked
Common pitfalls
Common pitfalls — Prototyping in Figma Fundamentals.
Lesson · Locked
Module quiz: Prototyping
Check what you learned in Prototyping before moving on.
Quiz · Locked
Graded project: Figma Fundamentals
Apply everything from Figma Fundamentals in one graded, portfolio-ready build.
Graded project · Locked
Applied learning project
Use Graded project: Figma Fundamentals to apply this course to a practical challenge. You’ll finish with a clear solution and the reasoning behind your choices.

Your instructor
Data & analytics
Turns real African data problems into practical lessons learners can apply immediately.

“The course content made machine learning understandable, and the practice kept me moving.”
Continue with
Following the order of UI/UX Designer with AI.
Next lesson
Overview and set-up
Figma Fundamentals
40 min · Resume
Course 6 in the track
Visual Design & Typography
Colour, Type, Spacing, and more.
Beginner · Course · 3 weeks at 5 hrs/week
Course 7 in the track
AI Tools for Designers
Figma AI, Midjourney, Uizard, and more.
Beginner · Course · 3 weeks at 5 hrs/week
Course 8 in the track
Portfolio Project: Fintech App Redesign
Research, Design, Prototype, and more.
Intermediate · Course · 4 weeks at 5 hrs/week
Learner reviews
Sign in to share your experience with this course.
Sign in to reviewLoading reviews…
Keep going
Research learner needs and design clear, inclusive digital experiences.
Small screens, Contrast, Screen readers, and more.
Empathy, Define, Ideate, and more.
Planning, Moderated tests, Analysis, and more.