0345 363 1130
info@xchangetraining.co.uk
Figma Introduction 1 Day - London
Key Course Details:
Level:
Introduction
Duration:
1
Day - 10am to 5pm
Price:
£295 + vat
Learn the fundamentals of Figma as we guide you through this comprehensive introduction to the leading prototype-design tool. We will show you how to prototype and wireframes for designing websites, apps and games. This is the perfect starting point for anyone interested getting going in UX design.
After we give you a complete tour of the Figma environment, we will take you from a creating assets to being able to work on your own designs your and layouts. You will see how easy it is to design great looking prototypes from scratch, add interactivity and the flexible options for sharing and exporting your projects.
Learn the fundamentals of Figma as we guide you through this comprehensive introduction to the leading prototype-design tool. We will show you how to prototype and wireframes for designing websites, apps and games. This is the perfect starting point for anyone interested getting going in UX design.
After we give you a complete tour of the Figma environment, we will take you from a creating assets to being able to work on your own designs your and layouts. You will see how easy it is to design great looking prototypes from scratch, add interactivity and the flexible options for sharing and exporting your projects.
-
Figma Introduction 1 Day
Course Details
This 1-day Introduction course helps you learn about the tools and features available in Figma, a leading interface design tool. We will guide you through the essentials of working in Figma, showing you how this powerful tool can elevate your design workflow. You'll explore best practices for creating responsive layouts, managing components, and collaborating in real-time. Plus, you'll gain hands-on experience by working on your own design projects.
Upon successful completion of this course, you will be able to:
- Navigate the Figma interface
- Create and manage design components
- Design responsive layouts
- Add interactivity and animations to your designs
- Collaborate in real-time with team members
- Share your designs for feedback
- Export assets and prototypes
Our goal is for you to be able to create professional-quality designs for websites, apps, and digital products using Figma..
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.
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.
-
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.
Introduction to Figma- Understanding the Figma interface: Panels, tools, and navigation
- Overview of UX and UI design principles
- Differences between Figma and other design tools like Sketch, Adobe XD
- Creating your first Figma project: Setting up a workspace
- Understanding Figma’s cloud-based design environment
- Exploring Figma’s community resources: Templates and plugins
- Creating and organising frames: Artboards and canvases in Figma
- Setting up layout grids for responsive design: Columns, gutters, and rows
- Using Auto Layout for dynamic, responsive designs
- Nesting frames and managing frame hierarchies
- Applying constraints to ensure design adaptability across devices
- Understanding pixel density and working with multiple resolutions
- Creating reusable components: Buttons, menus, and design elements
- Nesting and managing component instances effectively
- Using variants for flexible, multi-state components
- Creating component libraries for team-wide use
- Syncing and updating components across your project
- Best practices for organising and naming components
- Linking screens to create interactive, clickable prototypes
- Adding transitions, overlays, and animations for enhanced interactions
- Using smart animate to create smooth animations between states
- Testing prototypes on different devices and viewports
- Creating and managing multiple prototype flows
- Using interactive components to simulate user interactions
Collaborating in Figma- Real-time collaboration: Working simultaneously with team members
- Using Figma’s commenting and feedback tools for streamlined reviews
- Managing versions and design history: Reverting and branching designs
- Setting permissions and sharing designs with stakeholders
- Tips for effective team collaboration in Figma’s cloud environment
- Importing and managing images: PNG, JPEG, SVG, and more
- Working with vector graphics from Illustrator and other tools
- Masking techniques: Creating custom shapes and clipping masks
- Utilising Figma’s image editing tools: Cropping, scaling, and filtering
- Using images and assets from Figma’s built-in resources
- Organising and managing assets for easy access and reuse
- Exporting assets for web, mobile, and development handoff
- Understanding export formats: PNG, SVG, PDF, and more
- Preparing design specifications for developers: Using Figma’s Inspect tool
- Using Figma’s sharing options: Public, private, and team-based sharing
- Creating presentation-ready files and exporting design boards
- Presenting designs to stakeholders: Tips for effective communication
-
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 4:30pm 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 Introduction 1 Day - Upcoming London Course Dates
25 Mar - 25 Mar £295 + vat 20 May - 20 May £295 + vat 22 Jul - 22 Jul £295 + vat -
Client Reviews
"Excellent explanation, professional and friendly approach. Very clear in explanations. Overall an excellent trainer."
Andrew Shelmerdine, Vinci Academy, InDesign - 2 Day Advanced
"The trainer was extremely helpful and structured the course around our needs, what is more, he quickly saw what level I was at and pitched accordingly. Excellent."
Carole Lowe, Genius Gluten Free, Adobe LiveCycle - 2 Day Designer Introduction
"Excellent service and a great place to be trained with superb and well presented facilities. Trainer couldn't have been better - we will definitely invest in another training course."
Ben Ellis, National Lottery, Photoshop - 2 Day Advanced
"I learned a lot within just one day, the instructor was very competent and tailored the session to my company's needs."
Marina Kozlova, Hangar Seven, DPS - 2 Day Introduction
"Great course - very useful. Excited about using what we've learnt and applying it to the content I'm currently working on/creating..."
Jim Ottewill, PRS For Music, WordPress - 2 Day Introduction
"Engaging and passionate trainer. Approachable, professional and taught me a lot in one day- will recommend XChange Training for future training to other colleagues. "
Mia Jones, NSPCC, HTML - 1 Day Introduction
"The trainer was very clear and concise and even managed to help us look at our own new site under construction and answer any related queries regarding Dreamweaver."
Mike Johns, 3663
"Excellent course, I picked up a lot of information and tips which will be really useful. "
Stephen Baldwin, NRL, WordPress - 2 Day Introduction
"Great tutor, good understanding of my abilities and speed of learning. "
Rachel Radford, Vectorworks - 1 Day Bespoke
"The training was very well structured and the trainer out did himself. Very impressed with the detail the course went into and I am confident that I have learnt all that I needed to. I will most certainly be back. "
Garritt Glasby, Australian high Commission, HTML5 & CSS3 - 3 Day Introduction
£295 + vat
Next Dates:
25 Mar
20 May
22 Jul
Over 15 years of providing certified Figma training courses UK wide
5/5 Stars
Good communication and friendly approach.
30/01/2025
5/5 Stars
Great course -really enjoyed it, excellent instructor
28/01/2025
5/5 Stars
Great intro to Figma. I feel a lot more confident getting started using the software
19/11/2024
5/5 Stars
The standard of the course was a very good introduction to Figma. Simon provided detailed information on the software, along with a lot of useful tips and tricks. Overall the course was very informative and enjoyable. Giving me a good platform to move forward using Figma.
19/11/2024
5/5 Stars
Instructor very knowledgeable and helpful when ever running in to any problems.
19/11/2024
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 
Lunch and refreshments
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 →