UI/UX Design & Prototyping
COURSE OVERVIEW
This 3-day course equips product and design teams with the methodology and hands-on tools required to create user-centric software interfaces. The program covers the complete end-to-end design lifecycle, focusing on UX/UI fundamentals, experience mapping, wireframing, high-fidelity UI design, and interactive prototyping using Figma.
Participants will gain practical expertise in building scalable design systems, conducting usability testing, and leveraging modern workflows such as Figma Dev Mode to streamline designer-to- developer handoff and cross-functional team collaboration.
Duration: 3 days / 24 hours
Delivery Method: Classroom-based, Virtual Instructor Led Training
PREREQUISITES
· Good understanding of software engineering and design principles.
· Basic familiarity with digital product workflows and concepts.
LEARNING OBJECTIVES
By the end of this course, participants will be able to:
· Apply fundamental UX/UI design principles to software products and digital interfaces.
· Map user journeys, workflows, and interaction flows to identify opportunities for experience improvement.
· Develop low- and high-fidelity wireframes based on defined user and business requirements.
· Use Figma to create polished interfaces and interactive prototypes.
· Build and maintain reusable components, styles, and basic design-system structures.
· Apply usability, accessibility, consistency, and responsive-design principles to interface decisions.
· Conduct basic usability testing and translate findings into design iterations.
· Prepare designs for effective designer-to-developer handoff, including specifications, assets, components, and interaction behavior.
· Collaborate effectively with product managers, developers, UX researchers, and other stakeholders throughout the design lifecycle.
· Produce an end-to-end portfolio- or project-ready prototype demonstrating the complete UX/UI workflow.
COURSE OUTLINE
*Each module includes a dedicated, practical output to ensure applied learning throughout the course.
Day 1 – UX/UI Principles & Wireframing
· Module 1: UX/UI Design Fundamentals
o UX vs. UI concepts
o Human-centered design principles
o Usability principles and visual hierarchy
o Consistency, accessibility, and design thinking principles
· Module 2: User Journeys & Experience Mapping
o Creating user personas, defining goals, and identifying pain points
o Mapping user flows and journey maps
o Information architecture fundamentals
o Identifying friction points and experience optimization
· Module 3: Wireframing & Interface Structure
o Low-fidelity wireframing and layout design
o Content hierarchy and navigation patterns
o Responsive considerations
o Rapid iteration techniques
Day 2 – Figma & Interactive Prototyping
· Module 4: Figma Fundamentals
o Navigating the Figma workspace, frames, layers, shapes, and grids
o Managing styles, assets, and file organization
o Collaboration features in Figma
· Module 5: High-Fidelity UI Design
o Applying visual hierarchy, typography, color, and spacing
o Converting low-fidelity wireframes into polished screens
o Responsive layouts and UI pattern applications
o Accessibility considerations in high-fidelity design
· Module 6: Interactive Prototyping
o Designing prototype flows, interactions, transitions, and overlays
o Working with variables, component states, and micro-interactions
o Preparing prototypes for user feedback
Day 3 – Design Systems, Handoff & Capstone
· Module 7: Design Systems & Component Libraries
o Design system principles and governance
o Building reusable components, variants, properties, and styles
o Design tokens and standardized naming conventions
· Module 8: UX Optimization & Usability Testing
o Usability testing methodologies and task-based testing
o Collecting feedback and prioritizing design iterations
o Measuring user experience quality
· Module 9: Designer-to-Developer Handoff
o Working with Figma Dev Mode
o Preparing design specifications, measurements, and asset packages
o Documenting responsive behavior and component logic
o Developer collaboration best practices
· Module 10: Capstone Project & Design Review
o End-to-end practical exercise combining UX research, journey mapping, wireframing,
UI design, prototyping, design systems, and dev handoff
o Interactive prototype presentation with documented design rationale and developer handoff package
REGISTER NOW
Learning Experience Survey
Learning Experience Survey
Learning Experience Survey
Learning Experience Survey
Learning Experience Survey
Learning Experience Survey
Learning Experience Survey
Learning Experience Survey
Copyright © 2026 Axentra Global Inc.