Figma Intermediate 1 Day - Manchester
Key Course Details:
Level:
Intermediate
Duration:
1
Day - 10am to 5pm
Price:
£295 + vat
Take your Figma skills to the next level with this one day intermediate course designed for users who already understand the basics. You’ll explore advanced design techniques including animation, interactivity and responsive prototyping, while learning to use Figma’s powerful variables and component systems to create dynamic professional-quality designs.
Building on your existing knowledge,you’ll work through hands-on exercises covering developer handoff, real-time collaboration and workflow enhancements with plug-ins. You’ll also get practical experience using FigJam, Slides, Buzz and Make—giving you the tools to manage complete, interactive design projects from concept to presentation.
Take your Figma skills to the next level with this one day intermediate course designed for users who already understand the basics. You’ll explore advanced design techniques including animation, interactivity and responsive prototyping, while learning to use Figma’s powerful variables and component systems to create dynamic professional-quality designs.
Building on your existing knowledge,you’ll work through hands-on exercises covering developer handoff, real-time collaboration and workflow enhancements with plug-ins. You’ll also get practical experience using FigJam, Slides, Buzz and Make—giving you the tools to manage complete, interactive design projects from concept to presentation.
-
Figma Intermediate 1 Day
Course Details
This 1 day Intermediate Figma course is designed for users who already understand the basics and want to take their skills to the next level. You’ll explore advanced design techniques and workflows, diving deeper into prototyping, animation and interactivity. Learn how to build dynamic components with variables, create responsive and conditional designs and collaborate effectively with developers and team members using Figma’s powerful sharing and handoff features. The course also introduces key creative modules including FigJam, Slides, Buzz and Make to extend your design capabilities beyond the canvas.
Upon successful completion of this course, you will be able to:
- Prototype with advanced triggers, animations, and flows
- Use variables to create dynamic, interactive components
- Collaborate in real-time and hand off projects in Developer Mode
- Enhance workflows using plugins and productivity tools
- Create workshops and presentations with FigJam and Slides
- Explore Buzz and Make for interactive and coded design experiences
- Export and present professional-level design prototypes
By the end of this course, you’ll have the confidence to design and prototype advanced, interactive projects while streamlining collaboration and extending your creative workflow across Figma’s full suite of tools.
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.
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
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
- 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 Manchester training centre based at:
Piccadilly House
49 Piccadilly
Manchester
M1 2APPiccadilly House is located in the heart of 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).
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 Manchester Training Venue and Course optionsView our Manchester Centre Location on Google Maps
-
Figma Intermediate 1 Day - Upcoming Manchester Course Dates
24 Mar - 24 Mar £295 + vat 04 Jun - 04 Jun £295 + vat -
Client Reviews
"Thank you for an excellent day's Dreamweaver training."
Hugh Datson, DustScan Ltd, Dreamweaver - 1 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
"This was a first-class course, delivered by a first class trainer in a first-class training environment. Having attended a number of courses at XChange it seems that top quality course delivery is the norm not the exception. Many thanks."
Steve Linehan, The Stationary Office
"The trainer was very helpful and approachable and we got answers to all our questions. Great course!"
Aspasia Valiasi, FilmFlex Movies, Photoshop - 1 Day Introduction
"Very useful course and content. Taught well"
James Davies, ISS Facility Services, Excel 2012 - 1 Day Intermediate
"The trainer was very friendly and knowledgeable about the course subject, I feel that my knowledge of creating HTML Emails using Dreamweaver is a lot more proficient now."
Jade Kingston, RRG Group, Dreamweaver for HTML Emails Introduction
"As an experienced Photoshop user it was really good to be shown that what I'm doing and the things I have taught myself are in fact right! It's also great to be shown new features. Overall a very good two days. Thanks!"
Amy Smith, schuh, Photoshop - 2 Day Bespoke
"Thank you for a superb training course, excellent content, excellent tutor and very clear. "
Tami Penswick, Yahoo, HTML5 & CSS3 - 2 Day Introduction
"Absolutely loved the third day, and the very hands on practical examples that we worked through. Will really help aid my retention of this useful new skillset."
Louisa Pavis, HSBC Global Services, Storyline - 3 Day Introduction Masterclass
"Really good course. Wish I would have taken it sooner and saved myself learning things on my own, but was nice to confirm and tidy up my knowledge."
Jenny Naylor, Exact Abacus, HTML & CSS Two Day Introduction