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
200+ reviews
End-to-end Figma & UI design course. 90+ videos. 10+ hours of video content.
$300
Figma Tutorial: Design a Responsive Table
What is Auto Layout
Auto layout is a property you can add to frames and components. It lets your designs grow or shrink as the contents change, with no need for extra coding! This means that when designing a component for different devices, you will not have to re-create it from scratch every time.
Auto Layout is a powerful tool that emulates the CSS property, Flexbox. If you want to learn master this tool, make sure to take our Figma & UI Masterclass where we dive deep into the process of building entire web apps and websites from scratch with it