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
What is Autolayout
What is Autolayout
Autolayout is a tool that helps you systematically align your elements and components in your designs. Autolayout has been inspired by the CSS property Flexbox in the development world.
Flexbox allows you to align and order your content in a more flexible way. It can be used to create both simple and complex layouts and is supported in all modern browsers. Flexbox has the potential to reduce code complexity, making it easier for designers and developers to create beautiful responsive layouts that work across browsers without any additional effort.
In this video you will learn about how to use Autolayout and the constraints feature in Figma.