Module 1
Design Tokens & Surface Systems
Semantic naming, dark and light themes, and CSS variable handoff.
Product Design & UX ยท Self-Paced Programme
Design Systems, Figma Prototyping & Accessibility
Build token-driven component libraries, interactive prototypes, and WCAG AA accessible product interfaces.
Duration: 5 Weeks (26 Hours)
Level: Intermediate
Credential: Webdrills Certified
Faculty Lead: Ananya Sen
Programme Outcomes
What you will be able to build and evaluate.
Every module is structured around practical engineering, analytical, or product deliverables that you can demonstrate at work.
- Structure multi-surface design tokens for colour, typography, and spacing.
- Build responsive Figma components with auto-layout and variants.
- Audit and fix contrast, keyboard navigation, and focus states to WCAG AA standards.
Reviewed Capstone Work
Portfolio Projects
Dual-Surface Enterprise Component Library & Spec
Focus: Figma, Design Tokens, WCAG AA Audit
Evaluated against structured rubrics with DrillBot locked during graded exams.
Curriculum Breakdown
Module-by-module syllabus.
Presented on a high-contrast reading surface for clear review by learners, managers, and academic boards.
Module 2
Component Architecture in Figma
Auto-layout, variants, slot patterns, and documentation standards.
Module 3
Accessibility & Inclusive Ergonomics
Contrast ratios, keyboard order, form states, and reduced-motion rules.
Admissions & Enterprise Licensing
Request the complete syllabus PDF or upcoming cohort schedule.
Available for individual enrolment, 90-day self-paced to live credit transfer, and private enterprise cohorts.