
Free Figma Crash Course
We’re excited to share this FREE Figma Crash Course with you, and we hope it will be a valuable resource that helps you become an expert in Figma & UI Design.
Chapters
- 👋 Welcome
- 🎓 Introduction to Figma
- 📏 Responsive Grid Layout
- 🆎 Typography Scale
- 🚥 Auto Layout & Constraints
- 🗃 Figma Variants
- ⚡ ️ Best Figma Plugins
- 🕹 Figma Interactive components
- 🎥 Figma Smart Animate
- ↔️ Responsive Typography Scale
- 🔎 Glassmorphism effect
- 😎 14 tips to design faster
- 🎳 Create a Figma Design System – Fundamentals
- 🎨 Create a Figma Design System – Color Systems
- ⌨ ️ Create a Figma Design System – Type Styles
- ☎️ Create a Figma Design System – Button Systems
- 🔗 Multiple flows in prototypes
- 🏗 Responsive table (Auto Layout)
Share this crash course

The Ultimate Figma & UI Masterclass
End-to-end Figma & UI design course. 90+ videos. 10+ hours of video content.
$300
Figma Tutorial: Smart Animate - Create UI & Web Animations
What is Figma’s Smart Animate feature?
Figma’s Smart Animate feature is a game changer for designers. It provides the ability to create animated prototypes in real time, inside of Figma. The process of creating animations has never been easier or more intuitive than it is with this new tool. This blog post will explore what Figma smart animate does and how it can be used to make design processes smoother and faster!