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
04 Jun - 04 Jun £295 + vat 30 Jul - 30 Jul £295 + vat 29 Sep - 29 Sep £295 + vat -
Client Reviews
"Trainer was patient and explained commands and process well. Level of development within two days was more than expected!"
Bryan Sturrock, Event, Vectorworks - 2 Day Introduction
"Very good knowledgeable instructor, friendly relaxed learning environment with help and support."
Arefa Siddiqua, University of Westminster, Microsoft PowerPoint - 1 Day Intermediate
"Thank you for a superb training course, excellent content, excellent tutor and very clear. "
Tami Penswick, Yahoo, HTML5 & CSS3 - 2 Day Introduction
"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
"I found the course very useful and my tutor was incredibly helpful and patient. We covered all the topics I required and more importantly I understood everything perfectly. Very happy. "
Sally Krmadjian, Leapfrog Labs, Bespoke Microsoft Excel Intermediate Course
"Thoroughly enjoyable experience and most useful. I found the teaching style to be unique and most effective."
Chris Turnbull, C.T.D.E., SketchUp - 2 Day Masterclass
"Excellent course which was easy to follow."
Carlo Gonzalez, Ldo Creative, Adobe DPS - 2 Day Introduction
"Exceptionally useful course designed around exactly what I wanted to get out of it, so was tailored perfectly to my needs."
Emma Samuel, Gaz de France
"This is my third class, they have all been excellent. Earning my Adobe Illustrator qualification with you has made a big difference in my job hunting. Thank you."
Velo Mitrovich, Illustrator - 1 Day Introduction
"Exactly what I was hoping for - thank you."
Lorraine Esh, Abbey Capital, Adobe LiveCycle - 1 Day Designer Introduction