UI/UX & Design Systems

Master UI/UX design from user research and wireframing to Figma auto-layout, design tokens, interactive prototyping, micro-animations, visual hierarchy, responsive design systems, and developer handoff.

4.9
(762 ratings)1,120 students
Created byCodeXpress Design Studio Team
Last updated 08/2026English & SinhalaAll Levels

What you'll learn

Understanding usability heuristics, user psychology, and design thinking workflows.
Building reusable UI component libraries with component variants.
Designing accessible WCAG-compliant color palettes and dark modes.
Designing realistic mobile app prototypes and micro-animations.

Explore related topics

UI/UX Fundamentals & User ResearchFigma Core & Auto-Layout 5.0Visual Hierarchy & Design TokensPrototyping & Developer Handoff

This course includes:

8 on-demand video lectures
Downloadable source code & exercises
Downloadable resources & project files
Full lifetime access
Access on mobile and desktop
Certificate of completion

Course content

4 sections • 8 lectures
User-Centered Design Principles
14:00
Wireframing & Information Architecture
16:30

Requirements

  • A computer with internet access (Windows, Mac, or Linux)
  • No prior programming experience required — we start from absolute zero
  • Willingness to practice exercises and build real projects
  • Basic English reading comprehension (lectures are in English & Sinhala)

Description

"Design user experiences that wow clients and convert visitors"

Master UI/UX design from user research and wireframing to Figma auto-layout, design tokens, interactive prototyping, micro-animations, visual hierarchy, responsive design systems, and developer handoff.

This comprehensive training program by CodeXpress Design Studio Team covers everything from beginner fundamentals to professional-level skills. Each module includes hands-on video lectures, practical exercises, and real-world project assignments.

By the end of this course, you will have the confidence and skills to build production-ready projects and earn your official CodeXpress Academy Certificate of Completion.

Who this course is for:

  • Complete beginners who want to learn from scratch
  • Students looking to build a professional portfolio
  • Working professionals wanting to upskill or transition careers
  • Freelancers who want to offer professional services to clients

Instructor

DES

CodeXpress Design Studio Team

Senior UI/UX & Brand Designers

4.9 Instructor Rating1,120 Students8 Lectures

CodeXpress Design Studio Team is part of the CodeXpress IT Solutions team — "King of IT Solutions". Specializing in practical, industry-focused training programs that prepare students for real-world software engineering careers.

Preview this course

UI/UX & Design Systems

Enroll in this course

Contact CodeXpress Academy for enrollment & pricing

This course includes:

8 on-demand video lectures
Downloadable resources
Full lifetime access
Access on mobile and desktop
Certificate of completion

Training for your team?

Get your team access to CodeXpress's top courses. Contact us for group enrollment discounts and corporate training packages.

Contact for Group Enrollment