Craft UI Layouts for Better Experiences

WSQ User Interface (UI) Design Course

Build clean, modern interfaces backed by design systems, accessibility principles, and conversion-focused visual strategy.

WSQ-accredited courses are eligible for SkillsFuture subsidies.

Design User-Friendly Interfaces That Stand Out

Course Description

Upgrade Your UI Design Skills

This course equips learners with the essential knowledge and practical skills to design intuitive, user-friendly interfaces using Figma. Through hands-on training, participants will explore core usability principles, visual hierarchy, and interaction design to create interfaces that enhance user experience and engagement.

Learners will gain experience in wireframing, prototyping, usability testing, and responsive UI design, applying user-centred design practices to real-world projects. The course also covers collaboration, presentation skills, and project handover techniques, ensuring participants can confidently deliver professional UI solutions.


Tools Covered

Inside your toolbox

Work with the same powerful tools the pros trust—practical, proven, and built to help you succeed from day one.

Target Audience

Made for the BOLD!

Suitable for aspiring UI designers, junior developers, digital product creators, or anyone involved in web or app interface creation who wants to build or strengthen UI design skills.

Prerequisites

What You’ll Need to Get Started

No prior experience with UI tools or coding is required. This course is designed for beginners and focuses on foundational design principles, visual thinking, and hands-on UI creation through guided exercises rather than technical development work.

Course Highlights

What You’ll Learn

In this User Interface (UI) Design course, you will learn:

  • Learn UI design principles and workflows using Figma, no coding required
  • Create wireframes, prototypes, and interactive designs for web and mobile projects
  • Conduct usability testing and refine designs based on real user feedback
  • Deliver professional UI presentations and prepare complete handover documentation

User Interface (UI) Design Course Highlights Infographic

Course Objectives

What You’ll Takeaway

By the end of the class, trainees will:

  • Understand the principles of effective user interface design
  • Apply usability and visual design principles to interface projects
  • Create wireframes and develop prototypes using Figma
  • Conduct usability tests and iterate based on feedback
  • Present UI designs professionally and prepare user guide documentation

Skills Gained:

Mastery of UI Design Principles

Learn key concepts like usability goals, visual hierarchy, layout, typography, and colour theory to design interfaces that are both attractive and functional.

Wireframing & Information Architecture

Gain the ability to construct wireframes, organise content via information architecture, and structure user flows that guide how your interface works and feels.

Prototyping & Interactive Design

Develop practical skills in building interactive prototypes using tools like Figma, enabling you to simulate user journeys and refine your interface before full development.

Usability Testing & Iteration

Learn to conduct usability tests, gather user-feedback, and iterate your designs to ensure they perform well, meet user needs, and deliver good experiences.

Collaboration, Handover & Presentation Skills

Become adept at presenting your UI designs professionally, preparing documentation for handover, and collaborating with developers and stakeholders to bring your interface to life.


Certification Track

Level up!

Get certified. Get noticed. Get ahead.

This course is part of the Certified UX Designer (CUXD) Programme.

Module 1: User Experience & User Interface (UX/UI) Design Essentials
Module 2: User Interface (UI) Design
Module 3: What The Figma (WTF)
Module 4: Advanced UX/UI Design

User Interface (UI) Design Course Certification Track Infographic

 

A SkillsFuture WSQ Statement of Attainment (SOA) – User Interface Design under the Skills Framework TSC and Certification of Completion by Equinet Academy will be awarded to candidates who have demonstrated competency in the WSQ User Interface (UI) Design course assessment and achieved at least 75% attendance.

Course Code: TGS-2025057947
Course Support Period: 14 Aug 2025 – 13 Aug 2027

Course Outline

Inside the course

This WSQ User Interface (UI) Design course covers user interface principles, wireframing, prototyping, usability testing, and design handover using Figma. Learn to design responsive, user-friendly interfaces, test and iterate based on feedback, and deliver professional UI solutions for web and mobile projects.

User Interface (UI) Design Course Outline Infographic

Foundations of UI Design and Tools

Instructor-Led
Lecture and Illustration
Group Discussion
Practical Activity

Learning Outcome: Describe the principles of effective user interface design and demonstrate familiarity with Figma for interface development.

  • UI vs. UX: Key differences
  • Usability goals and visual interface principles
  • Figma interface: canvas, layers, frames, shapes, text, assets
  • Creating a Figma account and project
Instructor-Led
Lecture and Illustration
Demonstration and Practical Exercise
Class Activity

Learning Outcome: Construct wireframes and structure information hierarchy aligned to usability principles.

  • Low-fidelity vs. high-fidelity wireframes
  • Information hierarchy and structure
  • Layout planning with grids and constraints
  • Wireframing exercise in Figma
Instructor-Led
Lecture and Illustration
Demonstration and Practical Exercise
Group Discussion

Learning Outcome: Create interactive prototypes with linked user flows and justify design decisions based on usability considerations.

  • Prototyping workflows in Figma
  • Linking wireframes for interaction
  • Applying interactive elements
  • Transitioning to low-fidelity clickable prototypes
  • Responsive UI principles
Instructor-Led
Lecture and Illustration
Demonstration and Practical Exercise
Class Activity

Learning Outcome: Interpret usability test results and apply feedback to iterate and enhance interface designs.

  • Types of usability tests
  • Gathering and interpreting feedback
  • Iteration techniques and critique best practices
  • Refining designs based on feedback
Instructor-Led
Lecture and Illustration
Practical Demonstration and Practical Activity
Group Discussion

Learning Outcome: Present UI prototypes effectively and prepare user guides to support collaborative and implementation workflows.

  • Preparing for stakeholder presentations
  • Figma’s collaborative tools: comments, version control
  • User guide essentials and communication of design specs
  • Handover best practices and file organisation
  • Written Exam
  • Project

Trainers

Meet Your Educators

Trainer Bio

Louis Puah

Louis is a user experience designer with over 8 years of experience across public and private sectors. He has served as a UX designer, developer, and consultant in places like Govtech, Hatch, several startups in Silicon Valley, and as a freelancer with varied clients like Reste Group, Katapult, and SIM. He is passionate about education and designing better experiences around schooling.

View Full Trainer Profile

Course Fee & Funding

Fund Your Brain Gain

Access funding opportunities and resources designed to fuel your learning goals.

Course Fee After Eligible SSG Subsidies:

From S$297.00 (inclusive of 9% GST) after SSG Subsidies

Full Course Fee (without funding)

S$990.00

incl. 9% GST

S$297.00

Nett Course Fee Payable
Including 9% GST

SkillsFuture Baseline Funding + SkillsFuture Mid-Career Enhanced Subsidy (MCES)

  • Singapore Citizen 40-years old and above
  • Self-sponsored or Employer-sponsored (Non-SMEs)

Course fees after subsidies can be further offset by SkillsFuture Credit and are also UTAP claimable.

SkillsFuture Baseline Funding + Enhanced Training Support for SMEs (ETSS)

  • Individuals 21-years old and above
  • Singapore Citizen, Permanent Resident or Long Term Visitor Pass Plus (LTVP+) Holder
  • Employer-sponsored (SMEs)

Course fees after subsidies can be further offset by SkillsFuture Enterprise Credit (SFEC)

Apply Now

S$495.00

Nett Course Fee Payable
Including 9% GST

SkillsFuture Baseline Funding

  • Individuals 21-years old and above
  • Singapore Citizen, Permanent Resident or Long Term Visitor Pass Plus (LTVP+) Holder
  • Self-sponsored or Employer-sponsored

Course fees after subsidies can be further offset by Skillsfuture Credit and are also UTAP claimable for Singapore Citizens aged 25 and above. Singapore Citizens aged 21 to 31 may also offset fees with the Post Secondary Education Account Funds.

Apply Now


Course Schedule

Mark Your Calendar!

Discover course schedules crafted with you in mind—structured for balance, driven by your goals, ready for action.

 

Frequently Asked Questions (FAQs)

The Need-to-Know Stuff, Fast

Everything you need to know about the course. Can’t find the answer you’re looking for? Please contact our friendly team.

This course is suitable for aspiring UI designers, junior developers, digital product creators, and anyone involved in web or app interface design.

Yes, the course is beginne-friendly and does not require prior experience with UI tools.

Participants will have access to Figma and related design templates for all exercises.

Yes, learners will design a complete UI prototype from wireframe to final handover.

The course includes hands-on activities, usability testing simulations, and peer feedback sessions.

No coding is required. The focus is on design principles and practical UI creation.


Brochure Download

See What’s Inside: Get the Brochure

Explore the course outline, key topics, and learning outcomes you will gain from this training.

Related Courses

More to explore!

Take your learning further—discover handpicked courses designed to expand your skills and spark new ideas.

16 Hours (2 days)

Transform Research Insights into Effective UX Solutions

User Experience & User Interface (UX UI) Design Essentials Course Featured Image
8 Hours (1 day)

Design Better Digital Experiences — Even Without a Design Background

What The Figma (WTF) Course Featured Image
16 Hours (2 days)

Design Faster, Smarter, and Turn Ideas into Functional, User-Friendly UI Designs

WSQ Design Thinking Course Featured Image
16 Hours (2 days)

Develop User-Centred Solutions that Work