Vibe Coding 101
Build applications with natural language and Claude Code in Malaysia. A practical 2-day AI coding course for non-technical professionals and entrepreneurs.
Mastering UI/UX Using Figma
Figma UI/UX design course in Malaysia
Learn UI/UX design with Figma in this two-day course in Malaysia. Move from user research and personas to responsive app and website designs, reusable components and interactive prototypes you can share with clients and developers.
Next public run: . View session fees and location.
Learn the workflow from user needs to an interactive prototype
Choose this course if you are moving from graphic design into interfaces, starting UI/UX design or working with product and development teams on app or website ideas.
The two-day syllabus starts with UI/UX principles and the design process, then covers Figma, FigJam, components, app screens, responsive websites, prototyping and testing. The focus is designing and communicating how an interface should work.
Compare your options: Vibe Coding 101. Choose the coding course when you want to build a functioning application from natural-language instructions.
What you'll walk away with
Design for real users
Run user research, build personas and apply user-centred, usable, accessible design principles.
Work fluently in Figma
Navigate the interface, set up projects and use components, layers and community plug-ins with confidence.
Prototype and test
Build interactive app and website prototypes with micro-animations, then test and iterate on feedback.
Hand off cleanly
Design responsive views, share with stakeholders and export assets ready for development.
2 days · what we cover
Explore 17 course outline sections. Expand a section to see the topics.
01 · 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
02 · The Design Process
- Research
- User Persona Development
- Ideation
- Prototyping
- Testing
03 · Key Principles of Good UX Design
- User-centric design
- Usability
- Accessibility
04 · Getting Started with Figma
- Setting up your Figma account
- Navigating the Figma interface
05 · Brainstorming in FigJam
- Introduction to FigJam
- Collaborative brainstorming techniques
- Using FigJam for ideation and sketching
06 · Setting Up Project in Figma
- Creating a new design file
- Setting up frames and pages
07 · Community Files
- Essential Plug-ins
- Elements from Templates
- Loading Icons
08 · Adding Content in Figma
- Basic shapes and tools in Figma
- Creating custom shapes and illustrations
- Using images and masks
09 · Adding and Formatting Text
- Typography in UI design
- Text tools and formatting options in Figma
- Best practices for readable and accessible text
10 · Adding Layers and Components
- Understanding layers in Figma
- Creating and using components
- Button components and constraints
11 · Creating App Design
- Designing App Pages
- Structuring app pages
- Designing Home, Profile and Services Pages
- Designing user-friendly interfaces
- Incorporating brand elements and styles
12 · Adding Animations and Interactions
- Introduction to micro animations
- Creating loading animations
- Creating Splash Screen
- Prototyping interactive elements
13 · Prototyping and Testing
- Creating interactive prototypes
- Testing app designs with users
- Iterating based on feedback
14 · Creating Website Design
- Designing Responsive Elements
- Designing responsive headers and banners
- Creating responsive floating CTAs and footers
- Ensuring consistency across different devices
15 · Adding Prototype Interactions
- Creating interactive prototypes for websites
- Adding interactions and animations
- Testing and refining prototypes
16 · Responsive Views and Mobile Design
- Designing for responsive views
- Creating responsive mobile headers
- Building a complete responsive prototype
17 · Sharing Designs
- Sharing designs with clients and stakeholders
- Using Figma's sharing and collaboration features
- Exporting assets and preparing for development
Who it's for
Aspiring UI/UX designers, graphic designers moving into digital, product managers involved in design, developers who want design skills, and marketing professionals creating digital content.
Yavinesh Rajagopal
Senior Creative Trainer
With over six years as a DTP artist, graphic designer and multimedia designer, plus 16 years of teaching experience, Yavinesh brings deep practical knowledge of Adobe, Autodesk and the current generation of AI tools. He teaches from real workflows, so participants leave with skills they can use on Monday morning.
Your HRD Corp levy pays for this
Welingtons Resources (SA0398359-P) is an HRD Corp registered training provider, so this programme is claimable by registered employers under HRD Corp Claimable Courses. We prepare the quotation, course content and trainer's profile and you attach to your grant application — which you submit in e-TRiS before the course starts, upon approval from HRDC, you may attend the training.
Step 1 — Choose
Pick this programme
Run it as-is, or tell us your skill gap and we tailor it — and we prepare your quotation, course content and trainer's profile.
Step 2 — Apply
Apply before training
Submit your grant application in HRD Corp's e-TRiS before the course starts, attach our documents, and wait for HRDC approval before attending the training.
Step 3 — Train
Attend the training
Upon approval from HRDC, participants may attend the training.
Step 4 — Claim
We submit the claim
After the training, and once the JD14 attendance form is verified, we submit the claim in e-TRiS with the invoice, attendance and evaluation.
Organisations we've worked with
Design it once, prototype it properly.
Frequently asked questions
Does the Figma course cover both app and website design?
Yes. The syllabus includes app screens, responsive website layouts and mobile views. You also practise components, animation, interactive prototyping, user testing and sharing or exporting work for development.
Do I need to know Figma before attending?
The syllabus includes getting started with Figma and is intended for aspiring UI/UX designers as well as professionals moving into digital design. Share your current experience when enquiring so suitability can be confirmed.
Is a Figma prototype the same as a coded application?
The Figma course covers interface design, interaction prototypes, testing and sharing work for development. Building application code is the focus of Vibe Coding 101.
Is Mastering UI/UX Using Figma HRD Corp Claimable?
Yes. Welingtons Resources (SA0398359-P) is an HRD Corp registered training provider, so this programme is claimable by registered employers under HRD Corp Claimable Courses. We prepare the quotation, course content and trainer's profile and you attach to your grant application — which you submit in e-TRiS before the course starts, upon approval from HRDC, you may attend the training.
When is the next public run?
The next public intake is . See the session fees, delivery mode, location and any named trainer before requesting a quotation. You can also view the full public training calendar.
Can you run this in-house for our team?
Yes. Every programme runs in-house on dates you choose, tailored to your organisation and delivered in English or Bahasa Melayu. Tell us your group size and we'll send a quotation.
How much is the public run?
The standard fee is RM2,400 per participant for the complete 2-day programme. In-house delivery is quoted on request. Check the fee for your preferred session; dated public sessions may have a different published fee.
Who should attend?
Aspiring UI/UX designers, graphic designers moving into digital, product managers involved in design, developers who want design skills, and marketing professionals creating digital content.
What do I need to bring?
A laptop and a Figma account — the free tier is enough for everything we cover. Face-to-face participants can use a training workstation instead. A mouse is recommended over a trackpad for precise work.
Do you deliver in Bahasa Melayu?
Yes — we deliver in both English and Bahasa Melayu, so you can choose what suits your team.
Ready to run Mastering UI/UX Using Figma?
Request a quotation and we'll reply with the pricing and grant paperwork (course content and trainer's profile) — or WhatsApp us for a quick chat.
Prepare for the learning
A Photoshop skills checklist for beginners
Choose one simple image project and keep the original file intact. A useful beginner foundation lets you understand how the image was built, revise an edit, and deliver the right output.