WhatsApp
Contact Me
Sajuxly Logo
Home/Courses/UI/UX Design
FLAGSHIP CAREER TRACK

Practical UI/UX Design & Design Systems

An end-to-end, project-based curriculum that takes you from user research and wireframing to Figma Auto Layout 5.0, variables, and a hired-ready portfolio.

Enroll / Book Demo ClassExplore 8-Module Syllabus
Course FormatPractical Lessons + Reviews
Curriculum Depth8 Comprehensive Modules
Tools MasteredFigma 5.0, Tokens, Prototyping
Outcome2 Real Portfolio Case Studies
WHAT YOU WILL MASTER

Core Competencies & Industry Deliverables

Gain practical expertise across every step of the commercial product design lifecycle.

User Research & Heuristic Audits

Conduct user interviews, persona mapping, competitive audits, and identify product friction points.

Figma Auto Layout 5.0 Mastery

Nest responsive frames, apply min/max constraints, wrap behaviors, and absolute positioning.

Multi-Mode Design System Tokens

Build scalable atomic libraries with boolean variants, light/dark variables, and developer handoff specs.

Hired-Ready Case Study Portfolio

Build 2 commercial-grade case studies with direct 1-on-1 instructor reviews to launch your design career.

DETAILED CURRICULUM

8-Module Project-Based Syllabus

Every module combines theoretical design thinking with hands-on Figma files, component assignments, and direct instructor feedback.

Module 01

Design Foundations & User Research Methodology

What is UX vs UI: Cognitive models, mental maps, and business viability
Conducting user interviews, empathy maps, and user persona creation
Competitive auditing, heuristic evaluation & identifying friction points
Practical Project Brief 1: Defining problem statements & feature matrices
Module 02

Information Architecture & User Flow Mapping

Card sorting, taxonomy, and intuitive sitemap structuring
Mapping high-converting user journey flows and edge cases
Low-fidelity sketch wireframes and rapid paper prototyping
Practical Project Brief 2: Building interactive information architecture
Module 03

Figma Mastery: Auto Layout 5.0 & Fluid Responsive Frames

Deep-dive into nested Auto Layout, hug/fill constraints & min/max bounds
Absolute positioning within auto-layout stacks & wrap behaviors
8pt spatial grid system, column layouts, and multi-device responsiveness
Practical Project Brief 3: Responsive wireframe layouts for Web & Mobile
Module 04

Design Systems, Tokens & Component Variables

Atomic design hierarchy: Foundations, Atoms, Molecules & Organisms
Variable modes: Light/Dark theme switching & typography scales
Master component variants, boolean properties & instance swapping
Practical Project Brief 4: Building a scalable enterprise UI component library
Module 05

High-Fidelity UI Design & Visual Hierarchy

Typographic pairing, optical contrast, kerning & readability rules
Color theory, 60-30-10 palette rules & WCAG AAA accessibility standards
Micro-interactions, elevation drop shadows & glassmorphism cues
Practical Project Brief 5: Crafting 20+ polished, production-ready screens
Module 06

Interactive Prototyping & Smart Animate Workflows

Multi-state smart animate transitions, scrolling feeds & modal triggers
Component state animations (hover, active, pressed, focus, disabled)
Interactive variables, conditional statements & form input simulations
Practical Project Brief 6: Assembling a clickable investor-grade mobile prototype
Module 07

Usability Testing, Analytics & Conversion Optimization

Moderated & unmoderated user testing scripts and observation metrics
Measuring Time-on-Task, Task Completion Rate & System Usability Scale (SUS)
Iterating based on qualitative feedback and conversion drop-off points
Practical Project Brief 7: Usability audit report & design refinement round
Module 08

Case Study Writing & Hired-Ready Portfolio Mentorship

Structuring compelling UX case studies: Problem, Research, Solution & Results
Presenting design decisions to product managers and engineering leads
Exporting tokens, developer handoff specs & documentation in Figma
Capstone Project: 1-on-1 personalized portfolio review & career strategy
Muhammad Sajib - Lead UI/UX Instructor
YOUR LEAD INSTRUCTOR

Muhammad Sajib

Lead Product Designer & Design Educator

Muhammad Sajib has designed scalable design systems and AI-powered interfaces for high-growth tech platforms. He focuses on practical, real-world techniques — teaching you how designers actually collaborate with founders and engineering teams.

50+ Shipped Product ProjectsDesign System Specialist1-on-1 Mentorship Focus

Course Questions & Answers

Everything you need to know about the practical UI/UX career track.

Do I need any previous design or coding experience to enroll?

No prior experience is required. The curriculum begins with fundamental design thinking principles and guides you step-by-step through practical tools like Figma and user research workflows.

What software and hardware do I need?

You only need a modern web browser and a free Figma account. Figma runs smoothly on Windows, Mac, and Linux.

Will I build real projects for my portfolio?

Yes! You will complete 2 comprehensive, real-world case studies demonstrating end-to-end UX research, design systems, and high-fidelity prototypes.

Do I receive a certificate upon completion?

Yes, students who successfully complete all module projects and their capstone portfolio review receive a verified Sajuxly Certificate of Completion.

Start Learning Today

Transform Your Design Career With Sajuxly

Master UI/UX Design, Figma Auto Layout, and Graphic Design through practical, project-based courses and 1-on-1 mentorship.

Explore CoursesBook a Free Demo Class