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

  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.