0345 363 1130
info@xchangetraining.co.uk
Figma Introduction Masterclass 2 Day - London
Level:
Introduction to Intermediate
Duration:
2
Days - 10am to 5pm
Price:
£450 + vat
Learn Figma in depth with this two-day course designed to give you complete confidence in using the industry-leading interface and prototyping tool. Building on the essentials you’ll explore advanced design features, Auto Layout, components, variables and the latest Figma modules including FigJam, Slides, Buzz and Make. This course is ideal for those looking to go beyond the basics to master modern UX and UI workflows for websites, apps and interactive prototypes.
You will move from understanding the Figma environment to creating responsive layouts, component libraries, interactive prototypes, and dynamic presentations. Also discover how to collaborate in real time, hand off projects to developers and enhance your workflow with plug-ins and integrations. By the end you’ll be ready to create polished, professional designs and prototypes that are production-ready and easy to share.
Learn Figma in depth with this two-day course designed to give you complete confidence in using the industry-leading interface and prototyping tool. Building on the essentials you’ll explore advanced design features, Auto Layout, components, variables and the latest Figma modules including FigJam, Slides, Buzz and Make. This course is ideal for those looking to go beyond the basics to master modern UX and UI workflows for websites, apps and interactive prototypes.
You will move from understanding the Figma environment to creating responsive layouts, component libraries, interactive prototypes, and dynamic presentations. Also discover how to collaborate in real time, hand off projects to developers and enhance your workflow with plug-ins and integrations. By the end you’ll be ready to create polished, professional designs and prototypes that are production-ready and easy to share.
-
Figma Masterclass 2 Day
Course Details
This 2-day Introduction course offers a deeper exploration of Figma, the industry-leading interface design and prototyping tool. You’ll learn how to design, prototype and collaborate with confidence while working across Figma’s full suite of tools, including Design, FigJam, Slides, Buzz and Make. Through hands-on exercises you’ll build responsive layouts, create reusable components, work with variables and Auto Layout and explore advanced techniques for interactivity, animation, and developer handoff.
Upon successful completion of this course, you will be able to:
- Understand Figma’s complete design ecosystem and workflow
- Create complex, responsive layouts using Auto Layout and grids
- Design and manage component libraries and style systems
- Prototype with advanced interactivity, animation, and conditional logic
- Collaborate in real-time and manage design sharing and feedback
- Use plugins, FigJam, and Slides for extended design workflows
- Prepare and hand off professional design assets for development
By the end of the course, you’ll have the skills to confidently create, animate, and share production-ready designs and prototypes using the full power of Figma’s modern collaborative environment.
Course Target Audience and delegate prerequisites:
This course is intended for designers and developers who are new to Figma and who want to learn the interface, commonly used features and master more advanced techniques.
You will need basic PC or Mac skills, including a solid understanding of a computer's operating system (Windows or Mac OS). You will also need to know how to launch a program, create and save files, and copy files.
-
Full Course Outline
The following is a general outline. The range of topics covered during your training is dependent upon student level, time available and preferences of your course booking.
Day 1 Introducing Figma- Understanding what Figma is and how it fits into UX and UI design
- Exploring Figma’s ecosystem: Design, FigJam, Slides, Buzz, and Make
- Differences between Figma and other design tools like Sketch and Adobe XD
- Using Figma in browser vs. desktop app
- Managing accounts, teams, and users
- Educational and team licensing options
- Overview of the Figma interface: Panels, tools, and navigation modes
- Understanding files, drafts, and projects in Figma
- Creating and managing projects and pages
- Working with sections and frames to structure designs
- Navigating the canvas, zooming, and using the quick menu
- Understanding the difference between assets and layers
- Managing preferences and workspace setup
- Creating and nesting frames: Building screen structures
- Setting up layout grids for responsive design
- Configuring columns, gutters, and margins for precision
- Using Auto Layout for flexible and adaptive layouts
- Applying alignment and spacing for consistency
- Understanding pixel density and frame constraints
- Creating and editing basic shapes and vectors
- Using the Pen, Pencil, and Boolean tools for custom graphics
- Combining, subtracting, and intersecting shapes
- Flattening complex shapes into single vectors
- Working with fills, strokes, and blending modes
- Applying spacing, distribution, and shape transformations
- Creating and styling text frames
- Adjusting text properties, auto-sizing, and scaling
- Creating reusable text styles for consistency
- Defining and managing colour styles
- Using hex and decimal colour values
- Applying colour variables across your design
- Importing and placing images in frames
- Using images as fills and properties
- Understanding supported image formats
- Creating and editing masks for layered effects
- Applying image effects, transparency, and blending
- Exploring Figma’s visual effects, including glassmorphism
- Creating reusable components and understanding instances
- Overriding properties and managing component states
- Using variants for multi-state components
- Creating shared asset libraries for teams
- Accessing and managing team and community libraries
- Copying, pasting, and exporting assets effectively
Day 2 Prototyping and Animation- Entering prototype mode and linking screens
- Understanding triggers, actions, and flows
- Adding transitions, overlays, and motion effects
- Using smart animate and easing for smooth animations
- Testing prototypes across devices and viewports
- Working with hover and tap events for interactivity
- Understanding variables and their types (boolean, numeric, text)
- Using the Variables panel to create dynamic properties
- Changing variables with user interactions and events
- Creating conditional logic in prototypes using variables
- Integrating variables with components and states
- Real-time collaboration: Co-editing and commenting
- Managing sharing permissions and feedback
- Sharing prototypes, presentations, and comments with stakeholders
- Exploring Developer Mode for design handoff
- Viewing HTML, CSS, and code snippets for components
- Understanding Figma’s limits in code export and integration
- Finding, installing, and managing plugins
- Using productivity and design enhancement plugins
- Examples: Google Material Symbols, iOS icons, accessibility checkers
- Integrating plugins into team workflows
- Creating and collaborating in FigJam boards
- Using templates, sticky notes, and connectors for ideation
- Organising FigJam content for workshops and brainstorming
- Creating presentation projects in Figma Slides
- Adding and animating slide elements and transitions
- Presenting and sharing slides effectively
- When and why to use Figma Draw
- Freehand drawing with Pen, Brush, and Pencil tools
- Adjusting brush styles, vector paths, and variable widths
- Creating custom Bézier curves and artistic effects
- Introducing Figma Sites for web-based presentation
- Using templates and design elements in Sites
- Adding and organising content and components
- Integrating design files into Sites for live previews
- Understanding Buzz for interactive design boards
- Managing boards, viewing modes, and exports
- Introducing Make and Vibe coding within Figma
- Exploring existing Make projects and creating your own
- Integrating Make content into Figma designs
- Exporting assets in different formats (PNG, SVG, PDF, etc.)
- Understanding vector vs. bitmap exports
- Exporting multiple sizes and previews
- Preparing presentations and exports for stakeholders
- Best practices for presenting and sharing design projects
-
Location Details
This course is provided at the XChange Training London training centre based at:
5 St John’s Lane
Clerkenwell
London
EC1M 4BHSt John’s Lane is located in the heart of Clerkenwell close to the junction of Farringdon and Clerkenwell Road. Farringdon tube & train station is just a few minutes away and the training centre can also be accessed from Chancery Lane and Barbican tubes in about 10 minutes. There is also easy direct access by bus from Waterloo (243) and West End (55) with nearby stops.
Daily course times run between 10am and 5pm with an hour break for lunch and both mid morning and mid-afternoon refreshment breaks. We recommend arrival at 9.45am for registration on the first day of the course.
View Full details of our London Training Venue and Course options
↑ Click the map to view a larger version ↑
View our London Centre Location on Google Maps
-
Figma Masterclass 2 Day - Upcoming London Course Dates
14 Oct - 15 Oct £450 + vat 07 Dec - 08 Dec £450 + vat -
Client Reviews
"Engaging and informative in a nice environment. Will come again!"
Simon Crossley, Great Places Housing Group, After Effects - 2 Day Introduction
"The Instructor was very knowledgeable in the subject matter and as the training could become heavy in places she managed to lighten the atmosphere with a good sense of humour!"
Andy Jackson, Southdowns College, Premiere Pro 101 - 3 Day Introduction
"Very Informative and useful. Great insight into Photoshop and its commercial uses at work. Excellent location and trainer."
Shane O’Byrne, MEC Global, Photoshop - 2 Day Introduction
"I got exactly what I was looking for from this course, thank you!"
Andrew Mensah, HomeAway UK LTD, Javascript - 2 Day Introduction
"Very good, very interesting, covered all topics, very impressed!"
Mary Donovan, Lumley Ltd, QuarkXPress - 2 Day Introduction
"This was a very good training course. It was well paced and clearly presented. The mix between instruction and practice was well balanced. I have learnt a huge amount and am looking forward to consolidating skills."
Gary Morris, University of Leeds, Articulate Storyline - 2 Day Introduction
"For an introductory course I think there was a great deal covered. This will enable me to go away and develop my skills even further."
Roy Craddock, Schawk
"I was really impressed with the instructor's knowledge of the programme and he explained things in a very clear and easy to understand manner. He was also very flexible and open to working with me to set the agenda for what I needed to learn."
Sarah Hathaway, Royal Brompton & Harefield , QuarkXPress - 1 Day Bespoke
"Great training over the 2 days with an excellent teacher. I am so much more informed about the digital CAD world and more prepared for my creative career as a designer. I will gladly recommend this on to other students seeking creative professional careers."
Peter Johnson, University of Arts London, Vectorworks - 2 Day Introduction
"Very happy with the training and will be taking away a lot of HTML knowledge"
Linda Diep, Optimus Education, HTML & CSS for Emails - 2 Day Intermediate Training
£450 + vat
Next Dates:
14 Oct - 15 Oct £450 + vat
07 Dec - 08 Dec £450 + vat
Over 15 years of providing certified Figma training courses UK wide
5/5 Stars
I wasn't able to join the in-person session due to a last minute issue coming up but have found the recordings extremely helpful and engaging. I learnt a lot and much more than I expected. I got a deeper understanding on elements like components and auto layout but got to discover a much deeper layer of knowledge with things like slots which i never knew existed.
08/07/2026
5/5 Stars
The course was excellent and very easy to follow. I learned several new skills that will be a huge benefit not only to my own work but to the team as a whole. I finished the session feeling genuinely positive and motivated to get our files organised and start taking full advantage of the efficiencies Figma has to offer. Overall, it was a really valuable and worthwhile course.
08/07/2026
5/5 Stars
Phil was very friendly, enthusiastic and knowledgeable, great training day!
08/07/2026
5/5 Stars
it might of been good to look at what we do as a team and how we can improve our specific ways of working, as alot of it was great and very imformative, but some finer details (slots / tokens) aren't relevant for general day to day.
08/07/2026
5/5 Stars
Great knowledge and pace - answered all questions even off script
16/06/2026
5/5 Stars
I recently completed the two day Figma course and found it very informative. Phil is clearly an expert in his field; his deep industry knowledge and experience added immense value to the sessions. I recommend this course to anyone looking to level up their skills in Figma.
24/03/2026
5/5 Stars
Phil was my instructor, he was very helpful and understanding to the different levels each participant. He was knowledgeable about the software and about external subjects linked to the software. I was satisfied with the overall training
24/03/2026
4/5 Stars
A great snapshot of the wide range options and tools available
17/02/2026
5/5 Stars
Really well organised and prepared for. Great references that bring the application to life. Really friendly and engaging, made us all feel very relaxed which made for an enjoyable 2 days
22/01/2026
5/5 Stars
Excellent course and very good instructor. Thank you for an interesting and informative day.
17/12/2025
Whats Included:
Your choice of Windows or Mac 
Certified hands-on training 
Small class size (max 4-8) 
6 months post course support 
Authorised Course Certificate
Frequently Asked Questions
What are the course times?
For all courses in the London Centre the normal session timings are 10am to 5pm with an hour break for lunch. In addition to the hour lunch break there are also two fifteen minute coffee breaks mid morning and mid afternoon.
Daily times are:
09.45 - Registration
10.00 - Course start
13.00 - Lunch
14.00 - Afternoon starts
17.00 - Course ends
Do you offer discounts
or promotions?
We offer a range of regular discounts available for self funding individuals, charities and education along with period special offers. See our promotions page for full details.
What is provided with this course?
During the course we provide all computers for your use with choice of Windows or Mac, lunch and refreshments along with pads & pens. After the course you will receive the authorised Certificate, quality reference manual and 6 months direct post course support.
Does this course give
a qualification?
Although this course does not provide an actual qualification each delegate is provided with an official Certificate for completion of the course level.
Can you invoice my company?
In short yes we can provide 30 day invoice terms to any UK Limited company with the provision of your official purchase order and/or completing the invoice request for your booking online.
Adobe Design Ready in just 5 days!
Learn Adobe Design skills with our value Adobe Design Masterclass Bundle →