+63 995 394 7258 | marketing@axentra-global.com Blog Register

UI/UX Design – Advanced Level

Design & User Experience

Course Overview


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

Learning Experience Survey