Master prototyping in Figma with an Approved Figma Bootcamp Partner. Create dynamic, interactive designs and optimise your workflow.
1 day course 10am - 5pm Live Online or Classroom-based
What you will learn
- Understanding advanced prototyping techniques in Figma, including setting multiple flow starting points and customising responsive scaling options.
- How to create and manage complex interactions in bulk, adjust animation properties and streamline workflows for dynamic prototypes.
- Learning to design overlays in prototypes, including swapping between overlays and editing actions for seamless user experiences.
- Exploring Smart Animate to animate properties such as scale, opacity and position while mastering layer hierarchy and grouping techniques.
- How to implement scrolling and overflow behaviours by preparing frames, clipping content and applying fixed or sticky scroll positions.
- Using videos and animated GIFs in prototypes to add interactivity, including managing video properties and integrating them with Smart Animate.
- Mastering variables and expressions in prototypes to create dynamic, context-aware designs using conditional statements and variable modes.
- The skills needed to create highly interactive, professional-grade prototypes that enhance collaboration and improve user experience design.
Related Courses
This Figma Advanced Prototyping course includes
-
Authorised Certificate
-
Lifetime support after your course
-
Course materials
-
Live Instructor-led training
-
Refreshments all day
-
Latest Mac or PC ready to go
-
Authorised Trainers
-
Hands-on exercises
Course Dates
| Date | Location | Price (ex VAT) | |
|---|---|---|---|
| Wed 26 Aug 2026 | London |
£375
|
|
| Mon 26 Oct 2026 | London |
£395
|
|
| Wed 25 Nov 2026 | Live Online |
£395
|
Video success stories
Course Outline for Figma Advanced Prototyping
Recap of Prototyping basics
- Setting multiple flow starting points for your prototype
- Customising your prototype device
- Using the Responsive scaling option
- Prototype actions, triggers and animations
Working with Interactions
- Creating interactions in bulk
- Adjusting animation: Type of Animation, Direction, Animate Matching Layers, Easing and Spring Animation, Duration
- Selecting and editing interactions
- Selecting matching interactions
- Updating connection destinations in bulk
- Copying interaction details
Creating Overlays in Prototypes
- Overlay actions
- Creating an overlay
- Swapping between overlays
- Editing or deleting overlays
Using Smart Animate
- Smart animate layers between frames
- Animating properties: Scale, Position, Opacity, Rotation, Fill
- Applying smart animate
- Smart animate matching layers
- The importance of Layer names in Smart animate
- Viewing matching layers
- Layer order and hierarchy
- Grouping layers
- Smart animate with Slide in and Move in
Prototyping scrolling and overflow behaviour
- Preparing frames for scrolling
- Extending content beyond frame dimensions
- Clipping content
- Applying scroll overflow to frames: Vertical, Horizontal, No scrolling, Both directions
- Applying scroll position to objects within a frame: Scroll with parent, Fixed, Sticky
- Preserve and reset scroll position
Using videos and animated GIFs in prototypes
- Adding video to files
- Adding animated GIFs to files
- Editing video
- Prototyping with video
- Video properties
- Video interactions
- Video interactions within the same frame
- Video and smart animate
- Video and interactive components
Using variables in prototypes
- Introduction to variables
- Typical use cases for variables
- Creating variables
- Setting variable values
- Prototyping with variables
- Using variables with component variants
- Using variables with interactive components
Using expressions in prototypes
- Where to use expressions
- Writing expressions
- Types of expressions: Numerical, String and Boolean expressions
Multiple actions and conditionals
- Reordering actions
- Setting Animation order
- Understanding Conditional statements
- Evaluating conditional statements
Using Variable Modes in prototypes
- Setting mode values based on context
- Using mode values in expressions
- Selecting mode definitions in prototype actions
- Building expressions with mode values
- Changing variable mode with an interaction
FAQs about the Figma Advanced Prototyping course
Is this Figma Advanced Prototyping course suitable for me?
This course is designed for people who have experience in prototyping with Figma or have already attended one of our Figma training courses or who would like to further their knowledge of best practice in prototyping with Figma.
How is the content taught throughout the Figma Advanced Prototyping course?
Our Figma Advanced Prototyping course is extremely interactive. You will be using Figma throughout the day, working through prototyping examples and live projects under the guidance of our trainer, who will be supporting you through each step.
Should I attend the Figma Advanced Prototyping course in person or live online?
For in-person courses at our London training centre, you will receive a warm personal welcome, your choice of the latest Mac or PC and morning and afternoon refreshments. If you prefer to attend remotely, rest assured that you will be taught live by the same experts that deliver our in-person courses, covering the same training content, using the same exercises and materials. A second monitor is recommended but not essential.
What is the recommended number of people for the class when I attend the Figma Advanced Prototyping course?
For private classes in Figma Advanced Prototyping, we recommend a maximum of 8 to 10 people from the same company in the class. Please ask our customer service team to help you find the right balance of people per class and the number of days training you need.
What support is available after I attend the Figma Advanced Prototyping course?
We offer ongoing support to our Figma Advanced Prototyping course attendees through email and by arrangement, phone calls. You are welcome to ask any questions on topics covered during training. Our trainer will always do their best to explain principles and help you with any issues you encounter.
Will I receive a certificate upon completion of my Figma Advanced Prototyping course?
Yes, you'll receive a certificate of completion from Transmedia, demonstrating your knowledge and attendance on our Figma Advanced Prototyping course. Our certificates note our Authorised Training Centre status.
Figma Advanced Prototyping — Team and Bespoke Training
Booking a private training session allows you to focus on your exact needs on dates that work best for you or your team.
- Sessions can be run online or in person, on your site or at our London training centre.
- We manage training for many of the UK’s largest companies, taking care of all the admin, working with you to ensure the perfect course.
- Our expert trainers will first understand your requirements and then tailor each session to your exact specification.
- We offer a free consultation service to work out every detail of your course.
Prices for bespoke sessions with our expert trainers start at £595 + VAT, depending on the course and number of people.
Costs include all preparation time to customise the course to your exact requirements.
Private One-to-One Training
One-to-one tuition tailored to your exact requirements. Your choice of duration, dates and content.
Book NowTeam Training for Companies
Group bookings provide you with the most cost-effective way to train your team.
Book Now
Our Clients
Latest Blog Articles
Boosting Productivity in Figma: 8 Tips for Better Figma Collaboration
Prototyping interactive designs in Figma
Organising and managing components in FigmaWhy Transmedia?
Unlimited Training Support
We offer unlimited training support after your course.
Bespoke Training Solutions
Customised training and software solutions based on your exact requirements.
Worldwide Creative Skills Training
Join our authorised training courses live online from anywhere in the world.
Authorised Training Professionals
Our experts are accredited by Adobe, Apple and Claris and bring years of experience and real-world expertise.