FUU
Professional course
Web & UI/UX
Web & UI/UX
Advanced Figma UI/UX Design Training
Build practical capability in Advanced Figma UI/UX Design Training through instructor demonstrations, guided exercises and a workplace-focused project.
Course overview
Turn learning into workplace capability.
Build practical capability in Advanced Figma UI/UX Design Training through instructor demonstrations, guided exercises and a workplace-focused project. Participants complete guided practice, receive feedback and leave with repeatable methods plus a clear next-step plan.
The programme combines user-centred planning, guided interface production, responsive and accessible implementation, testing, critique, handoff, and launch readiness.
By the end
Learning outcomes
- Explain the essential principles and workflow behind advanced auto layout.
- Apply variables and design tokens and component architecture in guided exercises.
- Use scalable design systems and complex prototyping to complete a practical output.
- Review, improve and deliver work using collaboration and developer handoff.
By the end
Learning objectives
- Explain advanced auto layout and connect it to the participant's workplace context.
- Apply variables and design tokens using a structured method and appropriate supporting evidence.
- Use component architecture to complete a realistic task accurately and efficiently.
- Evaluate scalable design systems by applying quality criteria, controls, and professional judgement.
- Integrate complex prototyping with related tools, people, information, and review points.
- Produce a practical, workplace-ready output together with a clear next-step implementation plan.
Practical curriculum
Course outline: Advanced Figma UI/UX Design Training
A focused sequence designed for application, reflection and measurable next steps. Expand each module for its detail and practical exercise.
01. Advanced Auto Layout
- User need, content purpose, information structure, interface principles, and terminology for advanced auto layout.
- Tool or code setup, reusable components, asset organisation, and version-aware workflow.
- Guided construction and iteration across responsive states and realistic user tasks.
- Accessibility, usability, testing, performance, handoff, security, and publishing checks.
Practical exercise: Participants build or refine a responsive interface component and test it against usability and accessibility criteria while applying advanced auto layout.
02. Variables and design tokens
- User need, content purpose, information structure, interface principles, and terminology for variables and design tokens.
- Tool or code setup, reusable components, asset organisation, and version-aware workflow.
- Guided construction and iteration across responsive states and realistic user tasks.
- Accessibility, usability, testing, performance, handoff, security, and publishing checks.
Practical exercise: Participants build or refine a responsive interface component and test it against usability and accessibility criteria while applying variables and design tokens.
03. Component architecture
- User need, content purpose, information structure, interface principles, and terminology for component architecture.
- Tool or code setup, reusable components, asset organisation, and version-aware workflow.
- Guided construction and iteration across responsive states and realistic user tasks.
- Accessibility, usability, testing, performance, handoff, security, and publishing checks.
Practical exercise: Participants build or refine a responsive interface component and test it against usability and accessibility criteria while applying component architecture.
04. Scalable design systems
- User need, content purpose, information structure, interface principles, and terminology for scalable design systems.
- Tool or code setup, reusable components, asset organisation, and version-aware workflow.
- Guided construction and iteration across responsive states and realistic user tasks.
- Accessibility, usability, testing, performance, handoff, security, and publishing checks.
Practical exercise: Participants build or refine a responsive interface component and test it against usability and accessibility criteria while applying scalable design systems.
05. Complex prototyping
- User need, content purpose, information structure, interface principles, and terminology for complex prototyping.
- Tool or code setup, reusable components, asset organisation, and version-aware workflow.
- Guided construction and iteration across responsive states and realistic user tasks.
- Accessibility, usability, testing, performance, handoff, security, and publishing checks.
Practical exercise: Participants build or refine a responsive interface component and test it against usability and accessibility criteria while applying complex prototyping.
06. Collaboration and developer handoff
- User need, content purpose, information structure, interface principles, and terminology for collaboration and developer handoff.
- Tool or code setup, reusable components, asset organisation, and version-aware workflow.
- Guided construction and iteration across responsive states and realistic user tasks.
- Accessibility, usability, testing, performance, handoff, security, and publishing checks.
Practical exercise: Participants build or refine a responsive interface component and test it against usability and accessibility criteria while applying collaboration and developer handoff.
Programme detail
How the course runs
Methodology
- Short instructor explanations that establish the principles, terminology, and workflow of Advanced Figma UI/UX Design Training.
- Live demonstrations and guided interface or code production, testing, critique, and iteration.
- Individual, pair, and group activities using realistic inputs that do not require disclosure of confidential information.
- Facilitated review, peer discussion, trainer feedback, and correction against clear quality criteria.
- A final application task plus a personal or team action plan for transfer to the workplace.
Assessment & evidence of learning
- Opening diagnostic questions to establish experience, needs, and relevant workplace scenarios.
- Observation of guided practice and completion of module activities relevant to Web & UI/UX.
- Knowledge checks, review questions, or scenario decisions at appropriate points in the programme.
- A final practical output, simulation, presentation, analysis, or implementation plan reviewed against stated criteria.
- Trainer feedback and participant reflection identifying strengths, corrections, and next-step workplace actions.
Prerequisites
- Prior practical experience with the relevant foundation-level concepts or software is recommended.
- Participants should have access to a suitable laptop and an appropriately licensed, trainer-supported version of the required software.
Course completion & workplace transfer
- Record corrections, open questions, support needs, and an accountable next action for workplace application.
- Review the final practical output against the learning outcomes and complete the trainer's closing knowledge check, reflection, or skills demonstration.
Who should attend
Who this course is for
UI/UX designers, product teams, developers and digital professionals.
01
Live online via Zoom Meeting
Join a scheduled public intake from anywhere. Trainer-led, camera-on, with hands-on exercises and Q&A throughout.
02
Private in-house group session on Zoom
The same programme run privately for one organisation on its own date, with examples tailored to your policies and roles.
03
Joining details by email
The Zoom link, meeting ID and passcode are sent automatically once payment succeeds, with reminders one day and one hour before the start.
Course questions
What organisations usually ask
Is Advanced Figma UI/UX Design Training HRD Corp claimable?
The programme can be proposed as HRD Corp claimable training, subject to the employer’s eligibility, current scheme rules, course registration and final approval.
Who should attend this course?
UI/UX designers, product teams, developers and digital professionals.
How long is the course and how is it delivered?
The standard duration is 2 Days. Every session runs live on Zoom with a trainer — there is no face-to-face or physical classroom option. Available formats: Live online via Zoom Meeting, Private in-house group session on Zoom.
How do I receive the Zoom link?
Reserve a seat online and complete payment. The Zoom joining link, meeting ID and passcode are emailed automatically the moment payment succeeds, followed by an automatic reminder one day before and one hour before the session starts.
What do I need to join the session?
A computer with a stable internet connection, the free Zoom client, a webcam and a headset. Sessions run in Malaysia time (GMT+8). Software used in hands-on courses should be installed before day one — the joining email lists what to prepare.
Build a stronger team
Bring Advanced Figma UI/UX Design Training to your organisation.
Tell us your preferred dates, team size and learning priorities. We will prepare a tailored programme and quotation.
*HRD Corp claimability is subject to employer eligibility, current scheme rules, course registration and approval. Public fees are indicative until confirmed in writing. Certification, licensing and statutory pathways may require an approved provider, separate assessment, experience or registration set by the relevant authority or awarding body.