Introduction to Figma

Categories: Design, UIUX

About Course

Welcome to the Figma UI/UX Essentials Course, a beginner-friendly learning journey designed to help students understand the fundamentals of modern interface design and interactive prototyping using Figma.

This course covers the essential tools and workflows used in UI/UX design, from basic interface navigation to advanced prototyping interactions and responsive layouts. Students will learn through practical demonstrations and hands-on exercises while building confidence in digital product design.

Instructional Material designed by Myce Loo Chen Yan.
Demonstration by Carrie Lye Xin-Yi

Course Content

Module 1 — Introduction to Figma
This module introduces students to the fundamentals of Figma and its role in modern UI/UX design. Students will explore the Figma workspace, interface navigation, and essential tools needed to begin creating digital designs efficiently.

  • Lesson 1 — Introduction to Figma
    01:30
  • Lesson 2 — Interface
    09:33

Module 2 — Design Fundamentals
Students will learn the core design tools and visual techniques used in interface design, including vector shapes, masking, Boolean operations, and visual effects. This module builds the foundation for creating clean and professional UI elements.

Module 3 — Components & Responsive Design
Understand reusable components, responsive behavior, layout structure, and scalable UI systems in Figma.

Module 4 — Prototyping & User Experience
Learn how to transform static UI designs into interactive user experiences. Students will explore Figma’s prototyping tools to create navigation flows, interactive animations, and realistic user interactions that effectively communicate design concepts.

Module 5 — Advanced Tools & Workflow
Explore tools and workflow techniques that improve design efficiency, automate repetitive tasks, and enhance productivity in professional design projects.