Session# 1: Figma orientation — file structure, pages, frames, the grid 1Hr
A working tour of Figma the way pros set up files. Pages, frames, naming conventions, the grid system that keeps things aligned.

Session# 2: Auto-layout deeply — the part that always trips people up 1Hr
Padding, gap, alignment, fill vs hug. We rebuild three real UI elements from scratch using only auto-layout.

Session# 3: Components, variants, and properties 1Hr
Build a button system with four variants and three states. Connect it with properties so it scales. Same pattern for cards, inputs, badges.

Session# 4: Tokens, styles, libraries 1Hr
Colour, type, spacing tokens. Local vs published libraries. The Figma setup that keeps a real team consistent.

Session# 5: Build a small design system end-to-end 1Hr
Foundations + 6 components fully documented. We work on yours together. By end of session you have a published library.

Session# 6: Portfolio polish + handoff 1Hr
Document the system, write the README, set up a portfolio case study. The artifact you can show in any product design interview.