Mastering UIUX using Figma

  • Logo of HRD Corp Claimable Course
  • Logo of HRD Corp Registered Training Provider
  • Logo of Certiport Certified Testing Center
  • Logo of e-perolehan by MOF

Course Description

Unlock your digital design potential with our intensive Figma training, tailored to empower aspiring and seasoned designers alike. This course delves deep into the world of User Interface and User Experience (UI/UX) design, offering a specialized focus on Figma for creating cutting-edge app and web interfaces. Whether your field is marketing, web development, or any sector requiring proficient design skills, this training equips you with the knowledge to excel.

Course Title: Mastering UIUX using Figma
Duration: 2 Days
Time: 9am - 5pm
Venue: Leisure Commerce Square, PJ / Zoom Meeting
Trainer: Mr Yavinesh

Learning Outcomes

Upon completing this course, you will be able to:

  • Gain a foundational understanding of what is UI/UX design and its significance in product development
  • Learn to perform user research and create user personas to inform and guide the design process
  • Acquire skills in key stages of the design process including research, ideation, prototyping and testing
  • Learn and implement principles such as user-centric design, usability and accessibility in your projects
  • Set up and navigate the Figma interface and begin creating design files and frames
  • Use FigJam for ideation and collaborative sketching sessions to enhance creative processes
  • Design comprehensive app pages ensuring user-friendliness and brand consistency
  • Add micro animations, loading animations and interactive elements to prototypes for a dynamic user experience
  • Develop responsive elements and prototypes for websites, ensuring consistency and usability across various devices and screen sizes

Training Investment and Advantages

The course fee is RM1800 per participant (RM1400 for online sessions).

Benefits include:

  • Assurance of competency
  • Official Certificate of Completion
  • Three months of post-training support
  • Options for personalized in-house training sessions

Please fill in the details to download brochure.

Course Outline

  • Introduction to UI/UX Design
    • What is UI/UX Design? (brief explanation)
    • User Research and Understanding
    • Importance of user research and personas in UX design
    • Client UX Brief, Requirements and Persona Development
  • The Design Process
    • Research
    • User Persona Development
    • Ideation
    • Prototyping
    • Testing
  • Key Principles of Good UX Design
    • User-centric design
    • Usability
    • Accessibility
  • Getting Started with Figma
    • Setting up your Figma account
    • Navigating the Figma interface
  • Brainstorming in FigJam
    • Introduction to FigJam
    • Collaborative brainstorming techniques
    • Using FigJam for ideation and sketching
  • Setting Up Project in Figma
    • Creating a new design file
    • Setting up frames and pages
  • Community Files
    • Essential Plug-ins
    • Elements from Templates
    • Loading Icons
  • Adding Content in Figma
    • Basic shapes and tools in Figma
    • Creating custom shapes and illustrations
    • Using images and masks
  • Adding and Formatting Text
    • Typography in UI design
    • Text tools and formatting options in Figma
    • Best practices for readable and accessible text
  • Adding Layers and Components
    • Understanding layers in Figma
    • Creating and using components
    • Button components and constraints
  • Creating App Design
    • Designing App Pages
    • Structuring app pages
    • Designing Home, Profile and Services Pages
    • Designing user-friendly interfaces
    • Incorporating brand elements and styles
  • Adding Animations and Interactions
    • Introduction to micro animations
    • Creating loading animations
    • Creating Splash Screen
    • Prototyping interactive elements
  • Prototyping and Testing
    • Creating interactive prototypes
    • Testing app designs with users
    • Iterating based on feedback
  • Creating Website Design
    • Designing Responsive Elements
    • Designing responsive headers and banners
    • Creating responsive floating CTAs and footers
    • Ensuring consistency across different devices
  • Adding Prototype Interactions
    • Creating interactive prototypes for websites
    • Adding interactions and animations
    • Testing and refining prototypes
  • Responsive Views and Mobile Design
    • Designing for responsive views
    • Creating responsive mobile headers
    • Building a complete responsive prototype
  • Sharing Designs
    • Sharing designs with clients and stakeholders
    • Using Figma's sharing and collaboration features
    • Exporting assets and preparing for development

Who Should Attend this Course?

  • Individuals looking to start a career in UI/UX design
  • Students and recent graduates in design-related fields
  • Graphic designers looking to expand their skill set to include UI/UX design
  • Designers seeking to transition from print to digital design
  • Product managers who want to understand design principles to better collaborate with design teams
  • Developers interested in learning how to create user-friendly interfaces
  • Freelancers who want to offer UI/UX design services to clients
  • Independent designers seeking to enhance their portfolio
  • Small business owners who want to design their own websites and apps
  • Entrepreneurs who want to create prototypes for pitching their ideas
  • Project managers overseeing design projects and needing a better understanding of the design process
  • Educators who teach design and want to incorporate Figma into their curriculum
  • Corporate trainers developing UI/UX training programs
  • Individuals with an interest in design as a hobby
  • Enthusiasts looking to explore the world of UI/UX design
  • Team leads responsible for guiding and mentoring junior designers
  • Senior designers looking to streamline team collaboration using Figma
  • HR professionals who recruit design talent and want to understand the skills and tools used in the industry
  • Recruiters looking to better evaluate design portfolios and skill sets

The Instructor

Yavinesh Rajagopal

Prior to becoming a trainer, he has worked as DTP artist, graphic designer and multimedia designer for more than 6 years. Plus with 13 years’ experience in teaching working adults on Figma, Adobe XD, Adobe Photoshop, Adobe Illustrator, Adobe After Effects, Adobe Indesign, Adobe Premiere Pro, Adobe Captivate, Autodesk Autocad, Catia, Autodesk Revit, Inkscape, GIMP and Autodesk Maya in the area of Graphic Designing, UI & UX, Course Authoring, Video Editing, Vfx, Motion Graphics, Mechanical Engineering, Architectural Drawing, BIM (Building Information Modeling) and 3D Animation Production.

For more information and to register,
kindy email to or
Call us at 03 7865 6272