Figma UI/UX Design Fundamentals

Figma is the industry-standard UI/UX design tool used by Sri Lankan tech companies, startups and university computing departments. Our 10-week Figma UI/UX Design Fundamentals course teaches Grade 8–13 students how to design real apps and websites the way professional designers do — using auto-layout, components, design tokens and proper handoff workflows.

Students learn user-experience thinking (what is UX vs UI? why does this matter?), wireframing, low-fi prototyping, visual design, design systems with reusable components, mobile-first design, accessibility basics, and how to present design work to stakeholders (parents, classmates, competition judges). Tharindu shares stories from his agency career to help students understand how real client projects work.

Three substantial projects, each shipped as a clickable Figma prototype: a redesigned login and onboarding flow for a Sri Lankan e-commerce app, a school dashboard for tracking homework and timetables, and a final mobile app of the student's own choosing. Past students have built tuition-class booking apps, sports-team management apps and Sinhala/Tamil dictionary apps.

Graduates leave with portfolio pieces that have helped past students secure school computing leadership roles, win design competitions, and earn interviews at Sri Lankan startups. Required: a laptop and a free Figma account.

Course Outline

• Weeks 1–2: Figma basics + UI/UX thinking
• Weeks 3–4: Wireframing + low-fi prototypes
• Week 5: Auto-layout + components
• Week 6: Design systems + tokens
• Weeks 7–8: Login + onboarding project
• Week 9: School dashboard project
• Week 10: Final app + showcase