Figma

Figma Advanced Prototyping

Name: Figma Advanced Prototyping
Availability: InStock

Build interactive prototypes with variables, conditional logic and advanced animations in this 1-day Figma course.

1 day Classroom — London NW10 Live online available

Format

Live instructor-led

Hands-on, question-led sessions

Location

London NW10 or online

9 Station Terrace, NW10 5RT

Level

Advanced level

Small groups, hands-on, expert-led

Upcoming dates

Wed 25 November 2026

Live Online

£395

Book Now

Booking for a team? Want a different date?

Get team training

Invoice payment available · Prices subject to VAT

Who this course is for

This course is for experienced Figma users—such as UX/UI designers, product designers and design team members—who are already comfortable with basic prototyping and want to master advanced techniques like variables, conditional logic and complex animations to create high-fidelity, interactive prototypes. Ideal for those who need to demonstrate sophisticated user flows and realistic interactive behaviours to stakeholders or development teams.

Prerequisites

You should be comfortable with the fundamentals of Figma prototyping, including basic interactions and components, or have attended our Figma Introduction course.

What you'll 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.

Course outline

What you’ll cover

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

Included

Live expert-led instruction
Practical exercises and workflow examples
Live Q and A and troubleshooting with the trainer
Follow-up support guidance

Frequently asked questions

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.

Reviews

Just finished a bespoke course in Photoshop and AI. Learned an awful lot. My trainer was very knowledgeable and was very happy to answer lots of questions that I had throughout. Highly recommend.

Rachel P — June 2026

Gorgeous premises and lovely, knowledgeable team. I really enjoyed my course - the tutor was friendly and professional and happy to answer any questions and tailor the course.

Quadrotech — June 2026

The trainer was excellent. He kept the course interactive and engaging. The small sessions made it easy to get clarifications. The pleasant office is well situated, so easy to find and get to.

UNICEF — June 2026

Fantastic and super valuable training! Our trainer shaped the training fully to our needs, adapted, accelerated and deep diving when needed. I learned so much these past days with tangible examples.

Adobe — June 2026

The training was great, thank you. My trainer was very thorough with everything and I definitely left with new knowledge and skills. And thanks for sending the materials across.

Live Union — June 2026

Our trainer was great. Very knowledgeable and also flexible with adjusting to our very specific questions and scenarios. I learned loads and look forward to using my new Figma skills.

Adobe — June 2026

One of the better training sessions I've had in years. I highly recommend anyone who wants to learn more about Figma, but also any other Adobe Creative Cloud application, to take courses here.

Adobe — June 2026

I wish all training courses were run this well!

RPS Design — June 2026

The course was excellent - exactly to my company's needs. All questions were answered and concepts explained very clearly.

Hannah Griffiths — June 2026

First class - The trainer was extremely knowledgeable and answered all our questions.

MOD — June 2026

We found the course very useful and wished that we had more time. I was really impressed by our trainer's expertise in software that's being updated very frequently.

Baillie Gifford — May 2026

Very thorough course and enthusiastic trainer who was very helpful and responsive to individual needs.

NVIDIA — May 2026

Excellent training session with a knowledgeable instructor.

Gallagher — May 2026

Great course! Instructor went at a good pace and broke down complex functions into simple steps.

Adam W — May 2026

The trainer's knowledge was very strong and he was able to answer all my questions. Admin staff were very friendly and helpful.

VCCP — May 2026

Very helpful, informative training. Relaxed atmosphere and felt very comfortable asking questions.

The White Company — May 2026

Our trainer was very approachable and knowledgeable.

Bond Pearce — May 2026

Learnt so much - great training! Thank you

John R — May 2026

Probably the best course I have been on. Very thorough and entertaining.

Cancer Research UK — May 2026

10/10. Incredible knowledge, AMAZING hints and tips - Tony is a game changer, made everything so simple to understand but taught us so much that will really change the way we present!

Broadwick Studio — May 2026

Related courses