UI/UX Design Systems & Figma Prototyping

Shodhana Limited · Course outline

UI/UX Design Systems & Figma Prototyping

Explore design systems, Figma components, variables, prototyping, accessibility and developer handover.

6 modules

About this course

Explore design systems, Figma components, variables, prototyping, accessibility and developer handover.

Subject areas

  • Design foundations, reusable components and design tokens.
  • Figma layouts, variables and interactive prototypes.
  • Accessibility considerations and developer handover.

Before booking

Read the syllabus below and contact Shodhana to confirm availability, delivery format, instructor, learning materials, access period, assessment requirements and support. The listed duration is an estimate. This page is a course outline and does not provide an instant-access purchase.

Course syllabus

6 modules.

Module 1: Design Systems Fundamentals & Atomic Design Hierarchy

Module 2: Tokenization: Colors, Typography Scales, Shadows & Elevation

Module 3: Figma Autolayout Mastery & Complex Responsive Components

Module 4: Variables, Mode Switching (Dark/Light Mode) & State Machines

Module 5: Advanced Micro-Interactions & Hi-Fi Interactive Prototyping

Module 6: WCAG 2.2 Accessibility Principles, Developer Handoff & Final Portfolio

Course completion certificate

A Shodhana completion certificate may be issued when the agreed completion and assessment requirements are met. It includes a certificate number and issued date. It is a course completion record, not a claim of external accreditation or professional licensing.

Certificate records and verification are private. Contact us for certificate assistance.

Scroll to Top