UI/UX Design with Figma

26 hours

Apply via IMDA LEARN Roadmaps Enquire now
Audiences:
Students Teachers
Duration:
26 hours
Type:
Design, Prototyping, and UI/UX
Published:
Updated:

Should our school choose Figma or Canva Code for IMDA LEARN Roadmaps?

Choose UI/UX Design with Figma if you want students to learn how product teams design: personas, user flows, wireframes, visual systems, and clickable prototypes tested with real users. It runs at primary and secondary/JC levels; only the secondary/JC level adds a guided introduction to Figma Make. Choose AI Product Design with Canva Code if you want secondary or JC students to build a working product with forms, data, and dashboards by directing AI throughout. Both are 26-hour courses, and neither needs prior experience.

Domains
Design, Prototyping, and UI/UX Design Thinking
Platforms
Figma

Course Overview

UI/UX design and Figma prototyping for primary, secondary, and junior college students. Students begin with user needs, personas, user flows, and wireframes, then design app screens, apply visual-system principles, and build clickable prototypes tested with real users.

These are the same research, design, and prototyping practices used by product teams in industry, and the skills involved — understanding users, organising ideas, communicating visually, and improving work through feedback — carry into computing, design, and project work at every level. No design or coding experience is needed.

The course is offered at two levels, listed separately on the IMDA LEARN Roadmaps application. Projects scale with level: older students take on more complex briefs, with greater emphasis on clarity and user fit:

  • Primary 4–6: an introduction to design thinking through FigJam and Figma — students turn a school, home, or community problem into a persona, screen flow, and clickable prototype.

  • Secondary 1–5, JC 1–2: industry-grade UI/UX plus a guided introduction to AI-enabled prototyping with Figma Make — students practise a prompt-and-evaluate cycle, comparing AI-generated outputs against their own intentions rather than accepting them wholesale.

Lesson Outcomes

  • Frame digital product challenges around users, personas, needs, and constraints.

  • Create user journeys, low-fidelity wireframes, and screen flows before visual design.

  • Use FigJam to organise ideas and Figma to design structured app screens and reusable interface patterns.

  • Apply visual-system principles including colour, typography, alignment, spacing, components, and interface states.

  • Build and test clickable Figma prototypes with real users, and present design decisions to an audience.

  • At sec/JC level: evaluate AI-generated design outputs critically using a guided prompt-and-evaluate cycle.

Details

Project

Each student creates and presents a clickable app prototype for a real user need — a portfolio piece for school showcases and competitions.

Requirements

  • Computer: A laptop, desktop, Chromebook, or school PLD running Windows 8.1+, macOS 11+, or a recent ChromeOS or Linux — 64-bit, with WebGL enabled and a stable internet connection. 8 GB RAM recommended. iPads are not suitable for screen design.

  • Software: Figma Design and FigJam on the free Figma Education plan, in Chrome, Edge, Firefox, or Safari. Nothing to install; our trainer sets up student accounts with the school in the first lesson. Figma Make is used in one guided lesson at sec/JC level, with access provided by Tinkertanker at no extra cost. School IT should allow access to figma.com. The primary-level course uses no AI tools.

  • Hardware: None required.

What people say about our courses

The programme taught me that anything is possible. To be able to learn, from scratch, how to code an entire app and publish it on the App Store ― it's an experience that I'd recommend to anyone who's interested in coding! The community also kept me coming back long after I graduated. Truly a great programme.

Tinkercademy is a flexible, responsive and innovative partner, ready to always collaborate to develop cutting-edge coding programmes together with the school. They have depth of expertise, in both technology skills and pedagogy, to understand the needs of our students and engage them holistically.

My past year with the programme has been an incredible journey that I will cherish forever. I've always dreamt of sharing my work with the world, and thanks to the programme's supportive mentors, I turned that dream into reality by publishing my app on the App Store for everyone to use. Along the way, I made unforgettable memories and gained hands-on experience in app development.

Very useful workshop. Guidance and examples were very beginner friendly and easy for participants to follow and try during the workshop. Good to build confidence especially for absolute beginners.

Having the experience as ex-school teachers, Tinkercademy is able to utilise sound educational pedagogy… We continually receive good feedback from students… An Arduino teachers' workshop with Tinkercademy even inspired a couple of our Science teachers to design a term-long performance task.

Most of the time i didn't feel lost, it was thoroughly well explained. I also like the Kahoot quizzes at the end of each session.

Join us for the best coding and digital making experiences for students, teachers, and professionals in Singapore and beyond.

Our Courses Our Projects Contact Us