UI/UX Design – Advanced Level
Design & User Experience
This advanced UI/UX training is designed for designers who already understand the fundamentals of UI/UX Design and want to deepen their expertise in Figma, Design Systems, developer collaboration, and AI-powered design workflows.
Duration: 2 days / 16 hours
Delivery Method: Classroom-based, Virtual Instructor Led Training
HERE’S WHAT YOU WILL LEARN
By the end of this course, participants will be able to:
· Build responsive and scalable user interfaces using advanced Auto Layout techniques in Figma.
· Apply design system principles to create consistent, reusable, and maintainable UI components.
· Develop and manage advanced component libraries using variants, properties, and dynamic components.
· Utilize Slots and Check Designs to improve design flexibility, consistency, and workflow efficiency.
· Leverage AI-powered features in Figma, including Figma Make, to accelerate design processes and enhance productivity.
· Create engaging presentations using Figma Slides and publish responsive websites through Figma Sites.
· Design and manage advanced input field libraries for complex user interactions and forms.
· Improve collaboration with developers through effective design documentation, annotations, and handoff practices.
· Use Figma Dev Mode to streamline communication between design and development teams.
· Implement industry best practices for scalable UI/UX design workflows in modern product development environments.
COURSE OUTLINE
· Module 1: Intro to Auto-layout
o Advanced Auto Layout
o Responsive Design Patterns
o Nested Auto Layouts
o Constraints & Resizing
· Module 2: Principles of Design System & Advanced UI Components
o Design System Foundations
o Component Architecture
o Variants & Properties
o Advanced Components
· Module 3: Intro to Slots, and Check Designs
o Slots Fundamentals
o Dynamic Components
o Check Designs Workflow
o Design Consistency
· Module 4: Intro to Figma Make (AI), Figma Slides, and Figma Site
o AI-powered Design Workflows
o Figma Make
o Figma Slides
o Figma Sites
· Module 5: Advanced Input fields Library, Dev Annotations & Intro to Dev Mode
o Complex Form Libraries
o Dev Annotations
o Design Handoff
o Dev Mode
REGISTER NOW