Vibe Coding 101
Build apps with Claude Code in a 2-day Vibe Coding course in Malaysia. No programming experience required. HRD Corp Claimable; view the outline and fees.
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.
Figma UI/UX design course outline
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.
Optional self-study preview
Sketch a short booking flow
Explore the skill with this sample brief, then note what you would like to practise with the trainer.
Practice brief: Design a fictional workshop booking flow with three screens: choose a session, review the selection and see a confirmation. You can start on paper before trying the flow in Figma.
- Give each screen one main action. Decide what information the visitor needs before moving to the next screen.
- Reuse the same button and form-label patterns. Sketch how the layout would work on a narrow phone screen.
- Ask a colleague to follow the flow without coaching. Note any point where they cannot tell what to do or whether the booking succeeded.
Check your result: Can someone explain the next action and recognise the confirmation? The exercise connects user needs, interface consistency and testing with the course's components and prototyping topics.
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. The employer submits the grant application in e-TRiS before training, supported by our quotation, course content and trainer's profile. For approved programmes under HRD Corp Claimable Courses, Welingtons submits the course-fee claim after 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
Employer applies for the grant
Your organisation submits the grant application in e-TRiS before training, using our quotation, course content and trainer's profile. Arrange the training date after grant approval, allowing for HRD Corp's applicable advance-approval period.
Step 3 — Train
Attend the training
Upon approval from HRDC, participants may attend the training.
Step 4 — Claim
Welingtons submits the claim
After training, we prepare the JD/14 claim form for the employer's declaration. Welingtons then submits the course-fee claim through its training provider e-TRiS account, with the invoice, T3 attendance record and required supporting documents.
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, subject to HRD Corp's grant approval. The employer submits the grant application in e-TRiS before training, using our quotation, course content and trainer's profile. After the approved training is completed and the employer has endorsed the JD/14 form, Welingtons Resources submits the course-fee claim as the training provider.
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.