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 based around our base outline or part/fully customised according to your level & requirements. Our bespoke Figma training is offered either Online, Onsite at your offices or at one of the XChange centres in London, Manchester and 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 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 from CDs and other media.
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

''The trainer was very informative and helpful, and approach the course in a relaxed manner at a good pace. Many thanks''
Sarah Hatherall-Good, Woolmer Hill School, HTML & CSS Introduction - 2 Days
''Entirely met my needs and expectations. Excellent trainer and facilities.''
Mike Claydon, JDE Interim, AutoCAD Introduction - Two Days
''Excellent, as always! Great teaching methods, fun and interesting, easy to follow. Always a great experience!''
Richard Littler, Brother, Illustrator - One Day Intermediate
''The instructor was clearly knowledgeable of their subject. Pacing was good and the content was applied to the different backgrounds of the people who were present. All staff were courteous - good facilities.''
Bruce Fleming, Central Park Primary School, Photoshop - 2 Day Advanced
''Excellent training location and resources. My third course at XChange in Manchester and I can't wait to come back for more. I wouldn't hesitate to recommend XChange to friends and colleagues, and have done so on many occasions. ''
Eddie Allen, South Liverpool Homes, Animate Introduction - Two Days
''Thoroughly enjoyed the course, found both the software and the course content to be abundant and informative, support material appears to be perfect for the purpose too.''
Ian Anderson, Sarah Mennell Ltd, Captivate - 2 Day Introduction
''I found this course to be extremely helpful. I now feel like I have a lot more confidence using the software and have a much better knowledge.''
Abi Griffin, 2 Day Illustrator Advanced
''Found the course extremely interesting and tremendously useful. The instructor was a fountain of knowledge and provided great training materials to actively use. Although the course had a lot of commercial content there was so much that was absolutely relevant to the classroom. The attention to detail and excellence is quite inspiring.''
John Whitehead, Hawkley High School, Premiere Pro - 2 Day Advanced
''Great amount of content covered without being too overwhelming. Support from the instructor was excellent.''
Helen Robertson, Brothers & Sisters, After Effects - 2 Day Introduction
''I had no knowledge of InDesign prior to this training, now I feel like I can use it with confidence. The course has equipped me with new skills and knowledge that has made me genuinely excited to get back to work and use this software.''
Sam Wright, Industrial Tomography Systems, InDesign Introduction - 2 Days

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.