Tutorial
Figma tutorial for beginners (free curriculum)
A free, step-by-step Figma curriculum for macOS beginners — 7 lessons from interface basics to prototyping basics.
By Mohamed Saleh Zaied
Learning Figma from scratch on a Mac? This is the full beginner curriculum — 7 hands-on lessons (about 6 hours total), in the order that actually makes sense, from the interface to prototyping basics.
Each lesson is a real, do-it-yourself walkthrough. For hands-free help, Skilly teaches this exact curriculum live — a voice tutor that watches your Figma window and points your cursor at the right button. Free to start.
The Figma curriculum
- Canvas and Navigation — Learn to move around the Figma canvas — the foundation for everything that follows.
- Shapes and the Frame Tool — Draw your first shapes and understand why Frames are the foundation of every Figma design.
- Layers Panel and Selection — Navigate the hierarchy and develop confident selection habits.
- Auto Layout — Learn Figma’s flexbox-like system for responsive design. This is the single most important skill for modern Figma work.
- Components and Instances — Build your first reusable component and understand the main-vs-instance relationship.
- Variants and Component Properties — Combine related components into a component set and expose controls for consumers.
- Prototyping Basics — Connect frames into a clickable flow and present it.
How to use this
Work top to bottom — each lesson builds on the last — or jump straight to what you’re stuck on. Every page lists what you’ll do, the exact menus and shortcuts, and the common mistakes to avoid.