Advanced Figma & Prototyping

Course Description

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.

Course Fee Seats Limited

₹799.00

Course Details

Duration
Duration
30 HRS
Duration
Course Label
SkillDevelopment
Certificate
Certificate
Yes
Course Language
English
Duration
Course Mode
Online
Duration
Timings
7 PM - 8 PM
Days
Monday to Friday
Registration Till
10 Jun 2026
Duration
Tentative ClassStart Date
2nd Week of June
Duration
Eligible Schools:
All Schools
Certificate Criteria
Certificate Criteria
75% attendance, 50% score in all Exams/CA

Curriculum Snapshot

Explore the comprehensive course modules

1 Week 2: Components Design System

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.

2 Week 3: Prototyping

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.

3 Week 1: Auto Layout Responsive Design

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.

4 Week 4: UX Flow

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.

5 Week 5: AI Plugins

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.

6 Week 6: Testing Handoff

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.

Instructor Spotlight

Learn from leading experts in stem cell research

Shreeya Singh

Shreeya Singh

Assistant Professor

Assistant Professor

Aaqib Uddin Hashmi

Aaqib Uddin Hashmi

Assistant Professor

Assistant Professor