Figma tutorials
Getting started
Figma UI Design Tutorial: Get Started in Just 24 Minutes! (2022)
Useful guide to get you started quickly.
Figma Masterclass for Beginners (2022 Updated)
A good general overview that covers the core features in Figma.
Figma For Beginners: Explore ideas
Well structured intro from the Figma team.
Workflow & tips
How to handoff your designs to Engineering
Fantastic guide to handing over designs to developers.
How to organize your design file on Figma
Excellent case study going through best practices for file organisation.
14 Advanced Tips to Design FASTER in Figma
Really handy tips to speed up your workflow.
Advanced Figma Tips & Tricks | 2022
Advanced Figma tips. There's some super useful advice here.
Pseudo slots with component properties
This whole series is excellent.
Master Figma Auto Layout in 10 Minutes (2022 Tutorial)
Concise summary of autolayout in 2022
Design systems
Create a Figma Design System - Fundamentals (Part 1)
Nice intro to creating a design system. Covers all the basics.
Create a Design System with Figma - Full Course
Highly detailed course that goes in depth.
Figma tutorial: Component properties
Fantastic walkthrough covering component properties.
Building a Design System with Figma (Part 1) - Fundamentals
Another good concise series, Akash is a good host.
Better Figma Design System Management and Documentation
This vidio has amazing insights into design system documentation and maintenance
How To Organize Figma Product Design Files and Design Systems (Tutorial)
Useful advice around design system organisation.
In the file – A masterclass in organization with Dataguard
This case study walkthrough is a superb run through of a real world design system.
Design systems case study: messaging components [Part 1]
Really useful advice and great real world case study here.
In the file – Organizing your design system with Onfido
Another great real-world case study of well implemented design system.
Prototyping & animation
How to Prototype in Figma: Smart Animate, Prototyping and Scrolls (Tutorial)
Comprehensive guide to prototyping in Figma.
Office Hours: Scroll actions for your prototypes
Great guide to prototyping with scroll actions.
Figma Smart Animate Tutorial - Parallax effect with Gif animation on Website
Advanced tutorial showing how you can create a parrallax effect
5 Easy Animations in Figma - Smart Animate
Some useful and quick guides for smart animations.
Animated Illustration in Figma | Interactive Components
Fun tutorial showing how to animate an illustration.
Figma tutorial: Use video in prototypes
A quick guide to using video in your prototypes.
