Course Overview

AI-Driven UI/UX & Product Design Career Track

⏱ Duration: Approx. 24 Weeks | 72 Contact Hours (48 Classes × 1.5 Hours; 2 Classes per Week on Monday & Thursday at 9:00 PM – 10:30 PM) | Mode: Online

Instructor

• Ayesha Siddika, Assistant Professor, Department of Software Engineering, Daffodil International University (DIU), and PhD Researcher in Computer Science and Engineering.
• Imam Hossain, Lead Software Engineer (Exoveon Limited), PMP-Certified IT Leader, Technology Consultant, and PhD Researcher in AI-based Software Testing.
• Sohanul Habib, Senior UI/UX & Product Designer with 8+ years of industry experience in SaaS, fintech, enterprise, and digital product design.

Course Description

This career-track micro-credential course equips learners with practical, job-oriented UI/UX and Product Design skills spanning the complete digital product lifecycle—from problem framing and generative UX research through responsive interface design, scalable design systems, AI-assisted prototyping, usability evaluation, and developer handoff. Divided into two comprehensive levels (UI Design Foundation and Product Design & UX Professional), the course emphasizes hands-on Figma execution, evidence-based design decisions, cross-functional collaboration, and building portfolio-ready product case studies.

Evidence of Demand 

Digital product design increasingly requires professionals who can integrate interface design, user research, accessibility, prototyping, design systems, developer collaboration, and AI-assisted workflows. The U.S. Bureau of Labor Statistics projects 7% employment growth for web developers and digital designers from 2024 to 2034, creating approximately 14,500 openings annually. Furthermore, the World Economic Forum Future of Jobs Report 2025 identifies creative thinking (57%), technological literacy (51%), empathy and active listening (50%), AI and big data (45%), and design and user experience (25%) among core employer-demanded skills. Evolving industry standards—including W3C WCAG 2.2 accessibility guidelines and Figma's Variables, Dev Mode, Figma Make, and MCP workflows—further drive the need for structured training in AI-integrated product design and design-to-development collaboration.

Purpose and Objectives

This course aims to:

• Equip learners with practical, job-oriented UI/UX and Product Design skills from problem framing and research through responsive interface design and developer handoff.
• Build advanced proficiency in Figma, including components, variants, Auto Layout, variables, design tokens, and interactive prototyping.
• Integrate WCAG 2.2 accessibility standards, visual design principles, and scalable atomic design systems into real-world workflows.
• Train participants in AI-assisted product design, prompt engineering for designers, and MCP-enabled functional prototyping.
• Guide learners through generative and evaluative UX research, product strategy, usability testing, and three collaborative case studies to build an industry-ready portfolio.

Course Content

Level 1 – UI Design Foundation (26 Classes)

• Module 1: Orientation, UI/UX Foundations & Figma Basics (4 Classes) – Figma setup, Education plan, workspace structure; UI vs. UX vs. graphic design, designer roles; UX Honeycomb, Human-Centered Design (HCD); product types (mobile, web, SaaS) and AI landscape.
• Module 2: Practical UI Analysis & Accessibility (2 Classes) – Real-life UI analysis, structured interface recreation, and WCAG 2.2 foundations (contrast, readability, focus, target size, labels, accessible interaction).
• Module 3: Problem Solving, IA & Wireframing (4 Classes) – Problem framing, brainstorming, affinity mapping; card sorting, Information Architecture (IA), sitemaps, user flows; low-, mid-, and high-fidelity wireframing for mobile and web.
• Module 4: Visual Design Foundations & Product Process (4 Classes) – Color theory (60-30-10 rule, gradients, color-blindness considerations); typography scales and hierarchy; shadows, elevation, spacing, Golden Ratio; Double Diamond process, Agile vs. Waterfall, and dashboard practice.
• Module 5: Components, Variants & Interactive Prototyping (2 Classes) – Reusable components, properties, states, advanced variants, interactive components, and complex prototyping.
• Module 6: Auto Layout, Responsive Design & Grid Systems (4 Classes) – Auto Layout fundamentals and nested patterns; responsive web/mobile breakpoints, adaptive interfaces, grid systems, and layout constraints.
• Module 7: Variables, Design Systems & Developer Handoff (6 Classes) – Figma Variables and Tokens (types, collections, aliases, modes for color, type, spacing, themes, localization); atomic design systems, documentation, governance; Team Libraries; Dev Mode, annotations, specs, and developer handoff.

Level 2 – Product Design & UX Professional (22 Classes)

• Module 8: AI-Assisted Product Design & Prompting (3 Classes) – AI fundamentals, responsible AI use, AI agents, prompt engineering for designers; Figma Make / Figma AI and MCP-enabled workflows for ideation and functional prototyping.
• Module 9: Generative UX Research, Persona & Storyboarding (3 Classes) – Research planning (interviews, surveys, question design); research synthesis, user personas, empathy mapping, storyboarding, and insight communication.
• Module 10: Product Strategy & Prioritization (2 Classes) – Competitor/comparative analysis, SWOT, opportunity mapping; Kano Model, MoSCoW prioritization, user journeys, and feature definition.
• Module 11: UX Laws, Evaluation & Experimentation (4 Classes) – Core UX laws and cognitive principles; quantitative vs. qualitative and generative vs. evaluative research; usability testing, heuristic and accessibility evaluation; A/B testing, analytics, and research reporting.
• Module 12: Collaborative Product Projects & Case Studies (6 Classes) – Execution of three end-to-end Group Projects (2 classes each) covering topic selection, teamwork, design execution, presentation, and structured critique.
• Module 13: Portfolio, Career & Freelancing Preparation (4 Classes) – Portfolio and case-study storytelling; CV, LinkedIn, interview prep, and design challenge guidance; freelancing profiles, proposals, pricing, client communication, and final portfolio QA.

Practical 

• Interface Recreation & Responsive Wireframing: Hands-on UI analysis, WCAG 2.2 accessibility auditing, information architecture mapping, and multi-device wireframing.
• Design System & Token Architecture: Building scalable component libraries with Figma Variables, multi-mode tokens (light/dark/localization), Auto Layout, and Dev Mode handoff specs.
• AI-Assisted Functional Prototyping: Utilizing prompt engineering, Figma Make/AI, and MCP workflows to generate, critique, and iterate interactive product concepts.
• UX Research & Usability Testing Labs: Conducting user interviews, synthesizing personas, applying Kano/MoSCoW prioritization, running heuristic/usability evaluations, and executing three collaborative product case studies.

Learning Outcomes

After completing the course, participants will be able to:

• Translate real product problems into information architecture, user flows, wireframes, responsive high-fidelity interfaces, and interactive prototypes.
• Use Figma professionally, including components, variants, Auto Layout, grids, variables, tokens, modes, libraries, and advanced prototyping.
• Apply visual-design fundamentals and WCAG 2.2 accessibility principles to create clearer, more inclusive interfaces.
• Build scalable design systems and prepare professional design-to-development handoff using Dev Mode, specifications, and reusable system assets.
• Plan and synthesize UX research, prioritize product opportunities, and evaluate designs through heuristics, usability testing, A/B testing, accessibility checks, surveys, and analytics.
• Use AI-assisted design and prompting workflows responsibly for research support, ideation, prototyping, critique, and iteration.
• Produce collaborative product case studies and a portfolio-ready body of work for UI/UX, Product Design, internship, freelance, or junior-role opportunities.

Target Audience & Requirements

• Target Audience:
• Aspiring UI/UX and Product Designers.
• Graphic or web designers looking to upskill.
• CS/IT or business students.
• Freelancers and professionals transitioning into digital product design.
• Entry Requirements:
• Basic computer literacy is required.
• No prior UI/UX experience is necessary; familiarity with web or mobile applications and basic English is recommended.
• Minimum Age: 16 Years.

Career Pathways

After completing this micro-credential, learners may:

• Work in junior UI/UX Designer, Product Designer, UX Researcher, or Interaction Designer roles, as well as internships and global freelance positions.
• Progress to advanced specializations in Product Design, UX Research, Interaction/Motion Design, Design Systems Architecture, Product Strategy, and Frontend Collaboration.

Tools & Resources

• Facilities & Equipment:
• Laptop or desktop computer with reliable internet connectivity.
• Presentation display/projector and digital whiteboard for collaborative critiques.
• Tools, Instruments & Software:
• Figma account (Education plan where eligible), including Figma Variables, Dev Mode, and Team Libraries.
• AI-assisted design tools (Figma Make / Figma AI, MCP-enabled workflows, and approved generative AI prompting tools).
• Modern web browser.
• Learning Materials:
• W3C WCAG 2.2 accessibility documentation, Figma Learn/Developer Docs, UX research templates, design system checklists, and case-study portfolio guides.

Assessment Criteria

• UI/UX Foundations, Problem Solving & Practical UI Tasks (Classes 1–10) – 10%
• Visual Design, Components, Auto Layout & Responsive Design (Classes 11–20) – 20%
• Variables, Tokens, Design Systems & Developer Handoff (Classes 21–26) – 15%
• AI-Assisted Product Design & Functional Prototyping (Classes 27–29) – 10%
• UX Research, Persona, Storyboard & Product Prioritization (Classes 30–34) – 15%
• UX Laws, Usability, Heuristics, Accessibility & Experimentation (Classes 35–38) – 10%
• Three Collaborative Product Projects & Case Studies (Classes 39–44) – 15%
• Portfolio, Career/Freelancing Readiness, Final Presentation & QA (Classes 45–48) – 5%

Financial Information, Remuneration & Certification

• Tentative Course Fee: BDT 5,000
• Certification: Micro-Credential Certificate issued by DIU Micro-Credentials Academy (DIU-MCA) upon successful completion of course assessments.