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: Create the Perfect Typography Scale for UI & Web Projects
What is a typography scale in UI design?
Typography scales are a great way to bring harmony and coherence to your design. In this video, we’ll be looking at how typography scales can be used in UI design specifically. The basic idea is that the scale allows you to create nice transitions between different weights of typefaces while also keeping some consistency throughout the whole system. It’s important that the typography scale is set up early on in production because it will affect all other decisions you make later on down the line. So let’s get started!