Loading page
Complete Figma tutorial — interface, Auto Layout, components, variants, prototyping, design systems, and developer handoff with a mini project.
12 lessons
Introduction to Figma
Article · 12 min
Figma Interface & Getting Started
Article · 14 min
Frames, Layers & Naming
Article · 14 min
Shapes, Text & Color
Article · 15 min
Auto Layout
Article · 16 min
Components & Variants
Article · 16 min
Styles, Variables & Design Tokens
Article · 14 min
Prototyping & Interactions
Article · 15 min
Libraries & Design Systems
Article · 14 min
Collaboration, Comments & FigJam
Article · 12 min
Developer Handoff & Inspect
Article · 14 min
Project: App Screen + Landing Hero
Article · 20 min