Home>All Courses > Figma Training> Bespoke Figma - 2 Day Introduction

Bespoke Figma - 2 Day Introduction

Key Course Details:

Level:

Introduction to Intermediate

Location:

UK Centres, Online, Onsite

Class, Online, Onsite

Duration:

1 Day (10am-5pm)

Price:

From £1,095 + VAT

Dates:

Dates to suit you

Unlock the full potential of Figma with our 2-day Introduction Course. Perfect for designers and creatives you’ll learn to design responsive layouts, build components and collaborate effectively in real time. Master essential tools, prototyping techniques and streamlined workflows to elevate your UI/UX design skills in just two days.

This course can be delivered using our standard outline or fully customised to match your level and requirements. Bespoke Figma training is available live online, onsite at your offices, or at one of our XChange centres in London, Manchester or Glasgow.

Overview Full Outline Location Options Related Courses Client Reviews

Bespoke Figma - 2 Day Introduction
Course Details

This 2-day Introduction to Figma course provides a complete, hands-on journey from the fundamentals to more advanced design techniques. Starting with the core principles of Figma, you’ll learn how to navigate the interface, create responsive layouts, and work confidently with frames, grids, and components. Building on these essentials, the second day introduces interactive prototyping, component variants, and advanced collaboration tools to enhance your UX/UI workflow. You’ll also explore powerful features like FigJam, Slides, and Developer Mode to extend your creative potential and streamline real-world design projects.

Upon successful completion of this course, you will be able to:
- Navigate and customise the Figma interface
- Create responsive layouts using frames, grids, and Auto Layout
- Build reusable components and manage shared libraries
- Prototype interactive designs with animations and transitions
- Collaborate effectively with teams using commenting and Developer Mode
- Utilise FigJam, Slides, and plugins to expand creative workflows
- Export design assets and prepare files for development
Our goal is for you to master both the core and advanced tools of Figma, enabling you to create professional, interactive designs for websites, apps, and digital products with confidence and efficiency.

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 and commonly used features for UX/UI design.

You will need basic PC or Mac skills, including a good understanding of your operating system. You should be able to launch applications, manage files and folders, and save or locate documents confidently.
View Full Course Outline
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.
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
Navigating and Organising Files
- 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
Working with Frames and Layouts
- 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
Drawing and Shapes
- 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
Working with Text and Colour
- 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
Images, Masks, and Effects
- 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
Components and Libraries
- 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
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
Variables and Conditional Design
- 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
Collaboration and Developer Handoff
- 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
Working with Plugins and Extensions
- Finding, installing, and managing plugins
- Using productivity and design enhancement plugins
- Examples: Google Material Symbols, iOS icons, accessibility checkers
- Integrating plugins into team workflows
Exploring FigJam and Slides
- 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
Using Figma Draw
- 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
Creating and Managing Sites
- 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
Exploring Buzz and Make
- 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 and Presenting 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
Training Location Options
Online ↓ London ↓ Manchester ↓ Glasgow ↓ Onsite ↓
This course is offered for your convenience at one of our bespoke training centres in London, Manchester and Glasgow, Remote Online, or Onsite at your offices anywhere in the UK. Just let us know what would work best for you or your team.

Remote Online

Delivered Online to your location

Live online training offers an extremely flexible and convenient way of covering the same content as our bespoke classroom based courses. You will receive professional, certified design training from one of our experienced instructors direct to your screen, offering the perfect solution for those wishing to learn without having to travel.
Click to view Full details of our
Remote Online Training Courses

Central London

5 St John’s Lane, Clerkenwell, EC1M 4BH

St 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.
Click to view Full details of our
London Training Centre

Central Manchester

Piccadilly House, 49 Piccadilly, M1 2AP

Piccadilly House is located in central Manchester directly next to the Piccadilly Gardens transport interchange with excellent bus and tram connections and is easily accessed from Piccadilly train Station (5 mins). Victoria station is also close by (around 10 mins).
Click to view Full details of our
Manchester Training Centre

Central Glasgow

Centrum Business Centre, 38 Queen Street, G1 3DX

The Queen Street training centre is located in central Glasgow within easy walking distance of the 3 local train options of Central Station, Queen Street and Argyle Street offering excellent transport connections.
Click to view Full details of our
Glasgow Training Centre

Onsite

Onsite at your Offices/Premises

If you have the required set up and would prefer to have the training at your location we will be able to deliver the same session onsite at your premises as in our training centres. This will provide you with the same tailored training but without the need to travel and less disruption to you or your teams work schedule.
Click to view Full details of
Onsite Training
Related Courses

Below are related bespoke courses for alternative tailored training options.

Bespoke Figma Training Courses
Figma - 1 Day Introduction training Figma - 1 Day Intermediate training
Client Reviews

''A great course which covered all the areas I was looking for.''
Mark Barton, Video Combo - 5 Day Masterclass
''Really useful training plus additional tips that we will find very useful to help make our workflow better. Thank you''
Hayley Bradshaw, UCreative, Lightroom - 1 Day Introduction
''Great day, can't wait to use the skills I have learned. Friendly and professional environment.''
Claire Knowles, Living Ventures, SketchUp - 1 Day Introduction
''Our tutor was very knowledgeable and very patient whilst training. He answered all questions no matter how small. Not only did he show us the Adobe way but also faster shortcuts to ensure workflow on the system is better. I would recommend this training to anyone remotely interested in print or digital design. ''
Marie Kinvig, Heron & Brearley, InDesign - 2 Day Advanced
''Very good experience, will recommend to contacts. Learnt so much in a easy way, great value. Was not sure what to expect but can safely say it has been a brilliant process and the tutor was fantastic.''
Alun Edwards, Studio Output, Maxon Cinema 4D - 2 Day Introduction
''The instructor was engaging, knowledgeable and paced the delivery well. Overall a good experience.''
Martyn Godwin, University of York, Storyline - 2 Day Introduction
''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
''I felt the training that was delievered was very tailored to the group of attendees. I feel this is something that could be used every day going forward. ''
Lynsey Brogan, Howden, Design Combo - 5 Day Masterclass
''Very enjoyable and I got a lot out of the day. Thank you very much.''
Hywel Walters, Morgan Sindall, SketchUp - 1 Day Introduction
''The trainer was excellent - she explained everything in depth and gave me enough time to keep up. The content was very useful and I know feel a lot more confident to use InDesign. ''
Sian Hughes, UKTI, InDesign - 1 Day Introduction

Frequently Asked Questions:

What dates are available for this course?

As a bespoke course the date arrangement is based around your requirements and availability in our schedule. With your guide of when you are looking for the training we will advise suitable date options ahead of finalising the planned date(s).

Can the content be tailored to my requirements?

Yes we are flexible about tailoring content and can adapt to be fully based on your requirements, a mixture of content from different levels of our base courses or a base outline with some additional focus areas.

Can this course be delivered live online?

Yes we can provide the same bespoke course as a live online session connecting to you or your group with either Zoom or Microsoft Teams if preferred.

What is the cost to deliver the course onsite?

We are equally able to deliver our bespoke training onsite at your premises and the cost to deliver this is the same structure as classroom with the addition of basic expenses depending on your location. Onsite courses in and around London, Manchester and Glasgow are usually without additional costs.

Can the course include my work samples?

It is often possible to review and include consideration towards sample files however the main course content is usually structured around prepared examples which are best suited to the planned content and structure of teaching the required skills in the best format.