Skill Details

View Skill (Open Access)

Skill Details

Skill Name

Skill Category

Is Accredited

NoYes

Is Apprenticeship

NoYes

Skill 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.

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

Learning Objectives

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

Funding Option

Funding Eligibility

Skill Price ex VAT (£)

Skill Length

Skill Level

Skill Timings

Delivery Method

Skill Eligibility (Prerequisites for skill/software requirements)

Learners will require access to a laptop with an internet connection and access to the relevant software to enrol on this course. They should also have some previous experience in the subject.

Last Application Date

Skill Enrolment

Skill Status

Skill Enquiry Details

First Name

Last Name

Telephone

Postcode

Are you a company owner or senior decision maker?

NoYes

No. of Delegates

What is your company name?

Would you like to explore skills support for your organisation through GM Business Growth Hub?

NoYes

I accept the Terms and Conditions and Privacy Policy

NoYes

Skill