Courses About Placement Portfolio Branches FAQ Blog Admissions Open 2026
Blogs  →  UI/UX Design  →  UI/UX Pro Syllabus
UI/UX Design • Course Guide

UI & UX Design Pro Course: Syllabus, Duration, and Modules Covered

July 21, 2026 MAAC Delhi NCR 5 min read
UI UX Wireframing Workspace
The UI & UX DESIGN PRO is a specialized 192 Hours career course at MAAC Delhi NCR. Divided into 4 focused modules, it takes students from the fundamentals of user research and design thinking to Figma interface designs and responsive, code-compliant web structures.

The Demand for User-Centered Designers

Modern applications and websites succeed because they are easy to use. The UI & UX Design Pro program trains students in user research, wireframe architecture, layout styling, and prototyping tools to prepare them for product design roles in tech teams.

192 Hrs Total Duration
4 Modules Course Outline
100% Placement Support

Module-by-Module Course Syllabus

Module 1: Design Principles & Graphic Basics

Module 1 covers typography, design grids, color palettes, vector designs, and raster assets layouts using Photoshop and Illustrator.

  • Core Concepts: Graphic layouts, color theory, font pairings, vector assets drawing, and branding rules.
  • Software covered: Photoshop, Illustrator.

Module 2: UX Research & User-Centered Design (UCD)

Module 2 covers the user research phase—creating user personas, defining journey maps, user flows, and low-fidelity wireframing.

  • Core Concepts: Empathy mapping, user research surveys, visual hierarchies, user flows, and wireframes mapping.
  • Software covered: Miro, Figma, Visily, Uizard, Creatie AI.

Module 3: Front-End Code & Responsive Web Layouts

Module 3 covers basic coding and responsive web design frameworks to make layouts code-compliant.

  • Core Concepts: HTML5 tags, CSS layouts, media queries, javascript events, and WordPress setup.
  • Software covered: Webflow, VS Code, Dreamweaver, Bootstrap, WordPress.

Module 4: Figma Interface Prototyping & Portfolio

Module 4 focuses on advanced interface design, components, dynamic prototyping, user testing, and portfolio case studies.

  • Core Concepts: Auto layouts, variant configurations, interactive components, micro-interactions, usability tests, and case studies.
  • Software covered: Figma, ProtoPie, Adobe XD.

Core Software Tools Covered

Figma
Used for UI styling, variant setup, design libraries, and interactive prototyping.
Miro
Whiteboard tool used for brainstorming, user persona creation, and user flows mapping.
Webflow
No-code web development tool to build responsive websites visually.

Start Your Creative Career at MAAC

Admissions open for the 2026 batch. Talk to our expert career counsellors today.

Ghaziabad Centre Plot 135, First Floor, Model Town East, Near Opulent Mall, Ghaziabad +91 977 381 9545
Noida Extension Centre 4th Floor, Galaxy Diamond Plaza, FB401, Sector-4, Greater Noida West +91 7011 098 633