Figma Advance for UI/UX Designers Advanced Figma & Design Systems Course in Malaysia — HRD Corp Claimable
Advanced Figma training in Malaysia and Figma design systems training in Malaysia — 2-day HRD Corp claimable course for senior UI/UX designers.
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.
Brainymation Studio runs a 2-day advanced Figma course for UI/UX (UIUX) designers in Malaysia. HRD Corp claimable. Covers Auto Layout and design systems.
Overview
Course Overview
Brainymation Studio’s advanced Figma training in Malaysia is a 2-day HRD Corp claimable program for senior UI/UX (UIUX) designers, delivered in Petaling Jaya or live online via Zoom. 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 as a Figma design systems training in Malaysia for experienced UI/UX designers 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 (UIUX) 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
“Must try”
“I attended Sir Yavinesh’s Adobe Premiere Pro class and I’m really satisfied. He explained everything clearly, step by step, and was very patient whenever someone didn’t understand. I’ve also joined his Illustrator and After Effects classes before, all very practical and easy to follow. If you’re looking for someone experienced who can guide you from basic then I truly recommend Sir Yavinesh!”
“informative and productive online training by Sir Yavinesh”
“Trainings was very informative and valuable with practical approach. Mr Yavinesh is very knowledgeable and patient. He's an excellent trainer and recommended to learners of all levels. Thanks sir!”
FAQ
Frequently Asked Questions (FAQs)
Yes. This is an advanced Figma course, so you should already be comfortable with Figma basics, components and prototyping, ideally after completing our Mastering UI/UX Using Figma course or with equivalent hands-on experience. It is built for working UI/UX designers in Malaysia who want to level up, not for first-time Figma users.
You only need a laptop with a stable internet connection and a Figma account, since Figma runs in the browser or its desktop app. During the class you work directly in Figma's newer tools such as Auto Layout, Smart Animate, Buzz, Slides, Sites and Figma Make, so a mouse or trackpad you are comfortable with helps.
You will be able to build fully responsive UI screens with Auto Layout, create parallax-style motion prototypes with Smart Animate, produce branded social content in Figma Buzz, build animated decks in Figma Slides, publish responsive pages with Figma Sites, and generate UI from prompts using Figma Make.
Mastering UI/UX Using Figma is a beginner-to-intermediate course covering core interface design and prototyping, while this advanced course focuses on scalable design systems, complex Auto Layout, motion polish and Figma's AI-assisted tools. It is aimed at senior UI/UX designers in Malaysia who already design in Figma daily and want to work faster and more consistently.
Yes. This is an advanced Figma training in Malaysia and a Figma design systems training in Malaysia for senior UI/UX (UIUX) designers. We run it as a 2-day HRD Corp claimable program in Petaling Jaya, Selangor, with a live online Zoom option. It covers Auto Layout, Smart Animate, scalable design systems, Figma Buzz, Slides, Sites and Figma Make.
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.
