Figma Adv Course
Join us for a closer look at animation and prototyping techniques. Our one day course covers advanced features you can use to add more functionality and complexity to your prototypes.
Learn how to utilise a range of animation techniques to create dynamic designs, including animated text masks and animated gradient backgrounds. Discover how to build a design system using variables and tokens, allowing you to store reusable values and apply them across designs.
We also cover boolean variables, which allow different design variants to be displayed based on a button click or checkbox interaction. Private and bespoke courses are also available.
Key Learning Points
Key Learning Points
- Streamline your workflow with advanced tools
- Build complex responsive interface layouts
- Create advanced interactive prototypes
- Add animation and motion to your designs
- Use variables for scalable design systems
If attending an online course you must have a licensed copy of any software required and access to a suitable computer.
You should have completed our Figma Basics and intermediate level courses or have equivalent working knowledge.
Who is this course for?
For experienced Figma users who want to master advanced animation, design systems and variables. Requires our Figma Introduction and Intermediate courses or equivalent working knowledge.
Expert Trainers
Course leader is an experienced industry expert
Course Dates
| Course Dates | Days | Location | Places | RRP | Discount | You Pay | |
|---|---|---|---|---|---|---|---|
| 27th Jul 26 | Mon | Online | Available | £399.00 | £50.00 | £349.00 + VAT | |
| 27th Aug 26 | Thu | London Islington | Available | £399.00 | £20.00 | £379.00 + VAT | |
| 7th Oct 26 | Wed | Online | Available | £399.00 | £399.00 + VAT | ||
| 5th Nov 26 | Thu | London Islington | Available | £399.00 | £399.00 + VAT | ||
| 29th Jan 27 | Fri | Online | Available | £399.00 | £399.00 + VAT | ||
| 11th Mar 27 | Thu | London Islington | Available | £399.00 | £399.00 + VAT | ||
| 18th May 27 | Tue | Online | Available | £399.00 | £399.00 + VAT |
| Course Dates | Days | Location | Places | RRP | Discount | You Pay | |
|---|---|---|---|---|---|---|---|
| 27th Aug 26 | Thu | London Islington | Available | £399.00 | £20.00 | £379.00 + VAT | |
| 5th Nov 26 | Thu | London Islington | Available | £399.00 | £399.00 + VAT | ||
| 11th Mar 27 | Thu | London Islington | Available | £399.00 | £399.00 + VAT |
| Course Dates | Days | Location | Places | RRP | Discount | You Pay | |
|---|---|---|---|---|---|---|---|
| 27th Jul 26 | Mon | Online | Available | £399.00 | £50.00 | £349.00 + VAT | |
| 7th Oct 26 | Wed | Online | Available | £399.00 | £399.00 + VAT | ||
| 29th Jan 27 | Fri | Online | Available | £399.00 | £399.00 + VAT | ||
| 18th May 27 | Tue | Online | Available | £399.00 | £399.00 + VAT |
Course Dates
27th Jul 26 (Mon)
27th Aug 26 (Thu)
7th Oct 26 (Wed)
5th Nov 26 (Thu)
29th Jan 27 (Fri)
11th Mar 27 (Thu)
18th May 27 (Tue)
Course Outline
Advanced prototyping techniques
Expert workflow tips and tricks
Nested and Responsive auto layouts
Create Sophisticated animations
Effective use of variables and design tokens
Advanced workflow in Figma
Auto-layout shortcuts
Advanced copy, paste and selection options
Using auto layout with responsive components
Making text elements responsive
Advanced Animation Techniques
Animations using text masks
Customising spring animations
Create an animated gradient background
Animating a mobile navigation menu
Creating gif animations
Go further with Prototyping
Creating a sliding button navigation
Advanced prototyping with sections
Make a multi-level drop-down
Creating a grow image effect on hover
Create an expanding search bar
Typography
Font tips and tricks
Setting hanging punctuation for pull-quotes and call-outs
Using Adobe fonts in Figma
Using ChatGPT to generate content
Advanced Prototyping with Variables
What are variables?
Adding conditions to variables
Variant changes using boolean variables
Building a design system with variables and tokens
When to use variables in place of styles
Questions & Answers
This course is also available as a private course. If you wish we can tailor the content for your team. Please contact us for more details.
Career paths
Roles this course supports
People training on Figma Adv often work in the careers below.
Who attends?
Career Progressives
Professionals who wish to develop skills for their current role and companies who believe in developing their talent.
Career Changers
People seeking opportunities which require new skills. Industry relevant training for those pursuing a new role.
Graduates
Certified courses for those who have earned their theoretical stripes, but need to prove capability to future employers.
Learn Your Way
Face To Face
Learn face-to-face with expert mentors in a dynamic setting that inspires growth and confidence.
Live Online
Join remotely with expert mentors in real time — flexible, interactive learning that fits your lifestyle.
Team Training
Upskill your team together. Build your team and develop consistency, and collective confidence.
Three Steps To Success
Identify Your Path
Define your direction with purpose, aligning your learning journey to personal and career goals.
Learn With Experts
Gain practical insight from real-world experts who bring clarity, confidence, and momentum to your growth.
Earn Certification
Your certificate of attendance is proof of progress — benchmarking your skills and commitment to growth.
Further Reading
Figma's AI Tools Explained
Find out how Figma’s AI tools can boost your creative workflow. In this article, we explore new AI features in Figma…
What is Figma?
Discover what Figma is, how it works, its key features, pricing plans, platform access, and why it's a top choice for…
7 Tips To Get Ahead In Your Design Career
Getting started in the design industry can be challenging. With hard work, determination, and these tips, you will get…