Figma Advance for UI/UX Designers Training in Malaysia
HRD Corp Claimable Advanced UI/UX Training in Malaysia
Master responsive UI with Auto Layout, parallax-style prototyping, and Figma's latest tools — Buzz, Slides, Sites, and Make — plus practical AI workflows to accelerate your design process.
Level up your Figma skills — 2-day HRD Corp claimable course Malaysia. Auto Layout, Smart Animate & design systems for senior UI/UX designers.
Overview
Course Overview
This advanced, hands-on training covers building responsive UI with Auto Layout, creating parallax-style motion prototypes, producing brand and social assets with Buzz, building animated decks with Slides, and publishing responsive pages with Sites.
Participants will also explore prompt-to-UI workflows with Make and apply practical AI tools to accelerate work without compromising design system quality.
Designed for experienced UI/UX designers in Malaysia wanting to implement scalable design systems and advanced Figma techniques, this course builds the senior-level skills demanded by tech companies and design agencies.
Audience
Who Should Attend
Creative & Design Professionals
- UI/UX and product designers who already use Figma and want to advance in responsive UI building, motion prototyping, and faster production workflows
- Designers working on real web or mobile interfaces who need stronger Auto Layout skills, cleaner component systems with variants, and polished interactions for stakeholder demos
- Marketing and brand designers creating social assets with Buzz and animated decks with Slides
- Designers exploring AI-assisted workflows with Figma Make who want to speed up work without sacrificing design system quality and consistency
Learning Outcomes
What You Will Learn
Advanced Auto Layout for Responsive UI
Auto Layout structure, and nested containers.
Parallax-Style Prototyping with Smart Animate
Frame choreography, and layer hierarchy.
Motion Polish & Reusable Motion System
Timing standards, and motion consistency rules.
Figma Buzz for Branding & Social Content
Brand kit setup, and template creation.
Figma Slides for Deck Building & Animation
Slide structure and layouts, and masters and reusable blocks.
Figma Sites for Responsive Publishing
Page structure and sections, and responsive sizes and breakpoints.
Figma Make — Prompt-to-UI Workflow
Prompting fundamentals, and uI generation patterns.
AI Tools for Advanced Productivity
AI-assisted ideation, and aI wireframe acceleration.
Curriculum
Course Outline
Module 1: Advanced Auto Layout for Responsive UI
- Auto Layout structure
- Nested containers
- Padding, spacing and gap
- Alignment rules
- Fill, hug, fixed
- Min, max sizing
- Responsive patterns
- Component-driven layouts
- Variants and properties
- Auto Layout troubleshooting
- Hands-on responsive screen build
Module 2: Parallax-Style Prototyping with Smart Animate
- Frame choreography
- Layer hierarchy
- Smart Animate setup
- After Delay triggers
- Click triggers
- Custom easing curves
- Stagger timing
- Depth illusion techniques
- Scroll-like sequences
- Hands-on parallax prototype
Module 3: Motion Polish & Reusable Motion System
- Timing standards
- Motion consistency rules
- Transition presets
- Micro-interaction patterns
- Interaction choreography
- Prototype navigation design
- Review and iteration checklist
- Stakeholder demo packaging
Module 4: Figma Buzz for Branding & Social Content
- Brand kit setup
- Template creation
- Social post layouts
- Campaign asset system
- Batch output planning
- Export presets
- Sharing and publishing workflow
- Hands-on content set creation
Module 5: Figma Slides for Deck Building & Animation
- Slide structure and layouts
- Masters and reusable blocks
- Components in slides
- Smart Animate transitions
- Presenter flow navigation
- Collaboration, comments, review
- Export and sharing options
- Hands-on animated deck build
Module 6: Figma Sites for Responsive Publishing
- Page structure and sections
- Responsive sizes and breakpoints
- Reusable sections and components
- Navigation patterns
- Interactions and links
- Publish settings
- Update workflow and version control
- Hands-on site build and publish
Module 7: Figma Make — Prompt-to-UI Workflow
- Prompting fundamentals
- UI generation patterns
- Layout refinement workflow
- State and interaction refinement
- Hand-off from Make to design file
- Componentization of generated UI
- Cleanup standards for Auto Layout
- Hands-on Make-to-UI exercise
Module 8: AI Tools for Advanced Productivity
- AI-assisted ideation
- AI wireframe acceleration
- AI copy and content support
- AI image generation and placement
- Design system cleanup workflow
- Quality control checklist
- Governance and consistency rules
Investment
Training Investment & Advantages
What’s Included
Prerequisites
Completion of Mastering UI/UX Using Figma course or equivalent experience. Participants should be comfortable with Figma basics, components, and prototyping.
Why Us
Why You Shouldn’t Miss This Course
Intensive 2-Day Training
Quickly equips you with valuable, career-enhancing skills in Figma Advance for UI/UX Designers.
Flexible Learning Mode
Attend in person at Leisure Commerce Square PJ or join online via Zoom.
Seasoned Trainer
Learn from an instructor with 16 years of teaching experience focused on real workflows.
Hands-On Projects
Guided exercises and a final project that builds confidence and competence.
3 Months Post-Training Support
Continue benefiting from support including direct contact with the trainer.
HRD Corp Claimable
100% claimable — subject to employer terms and approval process.
Trainer
Meet Your Instructor
Yavinesh Rajagopal
Senior Creative Trainer • 16 Years Experience
With over 6 years as a DTP artist, graphic designer and multimedia designer, plus 16 years of teaching experience, Yavinesh brings extensive knowledge in Adobe, Autodesk and more. His expertise ensures a comprehensive learning experience, combining practical skills with creative insights.
“Excellent learning experience; very helpful for UI/UX work.” — Nurul Fizah Binti Mohamad Nusran
Reviews
What Our Participants Say
“Proper workflow and clear guidance for building websites.”
“Clear explanation and active engagement from the instructor.”
“New tools, new skillset, plus useful tips and tricks.”
“Very interactive session.”
FAQ
Frequently Asked Questions (FAQs)
Yes, this is HRD Corp claimable training.
No, this is live trainer guided training.
Yes. We will send the Zoom link upon registration.
Yes. Location: Leisure Commerce Square, Petaling Jaya, Selangor, Malaysia.
It’s 2 days, 9am – 5pm.
Face-to-face: RM 2,000. Online: RM 1,600.
Yes, you will get a certificate of completion.
Yes, discounts may be available for students. Please email us your details.
Click the button and fill up the form. We’ll contact you by email.
HRD Corp Claimable
Mastering UI/UX Using Figma
Design professional user interfaces and experiences with Figma
HRD Corp Claimable
Website Designing Using HTML and CSS
Build modern, responsive websites from scratch with HTML5 and CSS3
Ready to Level Up Your Figma Skills?
Master advanced prototyping, AI workflows, and Figma's latest tools.
