LPU - Lovely Professional University
What you'll learn

This course focuses on hands-on UI design using Figma, covering auto-layout, components, design systems, and interactive prototyping. It also introduces Al tools and plugins within Figma to enhance workflow efficiency and support modem design practices. Learning outcome: C01: Understand UI design fundamentals, Figma interface, and auto-layout features. CO2: Create and manage components and scalable design systems for reusable design solutions. CO3: Develop high-fidelity and interactive prototypes using Figma tools. CO4: Utilize Al tools and plugins in Figma to streamline and optimize design workflows. C05: Apply structured Ul practices to make informed and effective design decisions. CO6: Produce comprehensive UI designs suitable for real-world digital applications.

  • This module covers the creation of reusable UI components and scalable design systems. Students will explore components, variants, tokens, and UI kits, enabling consistency and efficiency in design workflows while building structured and maintainable design systems.
  • This module focuses on interactive design using prototyping tools. Students will learn smart animations, transitions, overlays, and advanced interaction flows to create dynamic and realistic prototypes that simulate real user experiences.
  • This module introduces the fundamentals of layout structuring in Figma, focusing on frames, constraints, and auto layout. Students will learn responsive design principles, grid systems, and spacing optimization to create adaptable UI layouts across devices through hands-on practice.
  • This module emphasizes user experience design through user flows, navigation patterns, and interaction design. Students will build complete UX flows and apply problem-solving approaches through case-based practice to enhance usability and user journey mapping.
  • This module introduces AI-powered features and plugins in Figma to enhance productivity. Students will learn workflow automation, AI-assisted design optimization, and tools that streamline repetitive tasks and improve overall design efficiency.
  • This module focuses on usability testing, feedback integration, and iteration processes. Students will also learn developer handoff techniques, ensuring seamless collaboration between design and development teams, culminating in a final project submission and review.

Avatar
Shreeya Singh
Assistant Professor

Assistant Professor


Avatar
Aaqib Uddin Hashmi
Assistant Professor

Assistant Professor