Back to Program Overview

Module 5: Visual UI & Design Systems

Module/Week 3: Visual UI & Design Systems

Module 5: Visual UI & Design Systems

Programme

UX / UI Design Internship

Module Number

5

Module Title

Visual UI & Design Systems

Duration

3-4 Days

Level

Beginner to Intermediate

Tools Required

Figma components, Auto layout, Contrast checker

Overview

Create polished screens using typography, color, spacing, components, and accessibility rules. This module is designed to feel like a real workplace sprint: you will understand the requirement, learn the technical concepts, inspect examples, build a practical artifact, and prepare your work for review.

Objectives

  • Build reusable components
  • Use consistent visual hierarchy
  • Check accessibility basics

Course Content

13 Topics

Hands-on Tasks

  • Design system page
  • High-fidelity screens
  • Responsive variants

Learning Outcomes

  • Build reusable components
  • Use consistent visual hierarchy
  • Check accessibility basics