Figma Advanced
Course Facts
- 2 day course
- Our Trainers are Authorised Professionals
- Live Online or Classroom-based
- Certificate of completion
- Maximum class size of 6 for scheduled courses
- Unlimited support after your course
- Courses at all levels: Introduction, Intermediate, Advanced and Masterclasses
Course Outline
- Advanced Auto Layout
- Components in depth
- Using Variables
- Design Systems in Figma
- Advanced Prototyping Techniques
Course Dates
| Date | Location | Price (ex VAT) | ||
|---|---|---|---|---|
| Thu 16 - Fri 17 Jan 2025 | London | £495 |
|
|
| Thu 30 - Fri 31 Jan 2025 | Live Online | £445 |
|
|
| Mon 17 - Tue 18 Feb 2025 | Live Online | £585 |
|
|
| Wed 5 - Thu 6 Mar 2025 | London | £585 |
|
|
| Mon 10 - Tue 11 Mar 2025 | Live Online | £585 |
|
|
| Tue 18 - Wed 19 Mar 2025 | Live Online | £585 |
|
|
| Mon 24 - Tue 25 Mar 2025 | London | £585 |
|
|
| Thu 3 - Fri 4 Apr 2025 | London | £585 |
|
|
| Mon 14 - Tue 15 Apr 2025 | Live Online | £585 |
|
|
| Mon 21 - Tue 22 Apr 2025 | London | £585 |
|
|
| Tue 29 - Wed 30 Apr 2025 | Live Online | £585 |
|
|
| Tue 6 - Wed 7 May 2025 | Live Online | £585 |
|
|
| Thu 15 - Fri 16 May 2025 | London | £585 |
|
|
| Mon 26 - Tue 27 May 2025 | Live Online | £585 |
|
|
| Wed 28 - Thu 29 May 2025 | London | £585 |
|
|
| Wed 4 - Thu 5 Jun 2025 | London | £585 |
|
|
| Thu 12 - Fri 13 Jun 2025 | Live Online | £585 |
|
|
| Thu 19 - Fri 20 Jun 2025 | Live Online | £585 |
|
|
| Wed 25 - Thu 26 Jun 2025 | London | £585 |
|
|
| Wed 2 - Thu 3 Jul 2025 | London | £585 |
|
|
| Wed 9 - Thu 10 Jul 2025 | Live Online | £585 |
|
|
| Thu 17 - Fri 18 Jul 2025 | Live Online | £585 |
|
|
| Thu 24 - Fri 25 Jul 2025 | London | £585 |
|
|
| Tue 5 - Wed 6 Aug 2025 | London | £585 |
|
|
| Mon 11 - Tue 12 Aug 2025 | Live Online | £585 |
|
|
| Wed 20 - Thu 21 Aug 2025 | Live Online | £585 |
|
|
| Wed 27 - Thu 28 Aug 2025 | London | £585 |
|
|
| Tue 2 - Wed 3 Sep 2025 | Live Online | £585 |
|
|
| Wed 10 - Thu 11 Sep 2025 | London | £585 |
|
|
| Mon 22 - Tue 23 Sep 2025 | Live Online | £585 |
|
|
| Mon 29 - Tue 30 Sep 2025 | London | £585 |
|
|
| Mon 6 - Tue 7 Oct 2025 | London | £585 |
|
|
| Mon 13 - Tue 14 Oct 2025 | Live Online | £585 |
|
|
| Mon 20 - Tue 21 Oct 2025 | Live Online | £585 |
|
|
| Wed 29 - Thu 30 Oct 2025 | London | £585 |
|
|
| Mon 3 - Tue 4 Nov 2025 | Live Online | £585 |
|
|
| Mon 10 - Tue 11 Nov 2025 | London | £585 |
|
|
| Mon 17 - Tue 18 Nov 2025 | London | £585 |
|
|
| Wed 26 - Thu 27 Nov 2025 | Live Online | £585 |
|
Show More Dates
Private One-to-One Training
One-to-one tuition tailored to your exact requirements. Your choice of duration, dates and content.
Enquire NowTeam Training for Companies
Group bookings provide you with the most cost-effective way to train your team.
Enquire NowTeam Training and Bespoke Sessions
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 £525 + VAT.
Overview
This intensive two-day Advanced Figma course builds on your existing Figma knowledge. Through hands-on exercises, you will learn to use auto layout for resilient UX and component systems for scalable design. The course covers collaborating at scale with libraries, permissions, and version control for real-world workflows. Prototyping and accessibility best practices are woven throughout to help you create effective products. You will leave equipped with deep Figma knowledge to translate stunning, functional designs from concept to launch.
All our Figma courses are taught by industry professionals who will share years of their industry experience with you, imparting best practice techniques as well mastery of the tools.
Topics covered include Advanced auto layout, Components in depth, Using variables, Design systems in figma, Advanced prototyping techniques, Accessibility features, Improving team collaboration and Handoff to developers.
Read More...
Course Outline
Advanced Auto Layout
- Creating flexible layout grids
- Nesting auto layout frames
- Mixing auto layout with fixed elements
- Building adjustable templates
- Responsive resizing with auto layout
Components in depth
- Using variants for complex components
- Using layout grids, auto layout, and variants to allow components to adapt to different contexts
- Creating interactive components using variants
- Making components flexible and customisable
- Managing component libraries
Using Variables
- Introduction to Variables
- Creating Variables
- Variable types
- Examples of how variables can be used
- Using variables for theme switching
- Conditionally displaying elements based on variables
- Creating and using Design Tokens
Design Systems in Figma
- Overview of design systems and their benefits
- Types of design systems
- Libraries in Figma, code components, documentation
- Real-world examples of Figma design systems
- Building a Design System in Figma
- Determining components, patterns, and standards to include
- Organising the Figma files
- Using frames, components and libraries
- Creating reusable UI components
- Defining styles for colours, typography, imagery
- Using shared styles for consistency
- Documenting components with usage guidelines
- Linking documentation to relevant Figma frames
Advanced Prototyping Techniques
- Prototyping microinteractions
- Creating prototypes across multiple files
- Using overlays for simulated experiences
Accessibility Features
- Applying accessible design principles
- Testing prototypes with screen readers
- Useful Figma plugins to check accessibility
Improving Team Collaboration
- Implementing team libraries
- Managing file permissions
- Using branches for project phases
Handoff to Developers
- Using Dev Mode
- Exporting code components
- Integrating with engineering tools
Our Clients
Our Recent Success Stories
InDesign
Cassie's Story
Designer at Dixon Interiors
eLearning
Julie's Story
Learning Technologist at Imperial College
InDesign
Sumble's Story
Graphic Designer at Houses of Parliament
30 years working with our clients
600+ Reviews
Why Transmedia?
Unlimited Training Support
We offer unlimited training support after your course.
Bespoke Training Solutions
Customised training and software solutions based on your exact specification.
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.
Courses Live Online
Join our virtual classrooms to learn from the comfort of your own space in real time from our accredited training experts.
SEE COURSES
Classroom Training
Join us at one of our Authorised Training Centres for a traditional classroom-based experience.
We have everything ready for you to have the best training experience.
SEE COURSES
Private Courses
One-to-one tuition or a private group training with just you or your colleagues.
We can train you live online, at one of our centres or onsite, wherever you are located.
SEE COURSESUseful Links
- Figma home page – Official site from the Figma organisation
- Figma Community – Discover community-made libraries, plugins, icon sets and more
- Figma resource library – Figma official site with recommended best practices and how-to content to improve your product development journey
- Figma downloads and installers – All the downloads in one place
- Figma compared to other UX design tools – Great comparison site, from UX Tools
- Figma's Official YouTube Channel – Watch all the latest Figma videos online
Prototyping interactive designs in Figma
Boosting Productivity in Figma: 8 Tips for Better Figma Collaboration
Organising and managing components in Figma