Figma tutorial for beginners (free curriculum)

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

1. Canvas and Navigation — Learn to move around the Figma canvas — the foundation for everything that follows.
2. Shapes and the Frame Tool — Draw your first shapes and understand why Frames are the foundation of every Figma design.
3. Layers Panel and Selection — Navigate the hierarchy and develop confident selection habits.
4. Auto Layout — Learn Figma’s flexbox-like system for responsive design. This is the single most important skill for modern Figma work.
5. Components and Instances — Build your first reusable component and understand the main-vs-instance relationship.
6. Variants and Component Properties — Combine related components into a component set and expose controls for consumers.
7. 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.