On-Off Group Buy Now →

Learn
Figma
from scratch

9 modules, 36+ lessons, 20+ activities.
Zero experience needed.

Buy the course →
36+
Lessons
20+
Activities
9
Modules
0→1
Skill level

Curriculum

8 modules · self-paced

01 Getting Started 2 videos · 2 activities
  • Course intro
  • Getting started with Figma
  • Create your account
  • Explore the interface
2 videos · 2 activities
02 The Figma Interface 6 videos · 1 activity
  • The Figma window
  • Layers
  • Design panel
  • Colors & gradients
  • Strokes
  • Intro to prototyping
  • Shapes, colors & preview
6 videos · 1 activity
03 Frames & Auto Layout 4 videos · 4 activities
  • Using frames
  • First steps in auto layout
  • Nesting frames
  • Text in auto layout
  • Two frames
  • Vertical & horizontal layouts
  • Nesting layouts
  • Text in layout
4 videos · 4 activities
04 Text, Buttons & Components 5 videos · 2 activities
  • Basic text
  • Designing a button
  • Auto layout with buttons
  • Your first component
  • Instances & global updates
  • Three buttons, three styles
  • Components & instances
5 videos · 2 activities
05 Spacing, Nesting & Variables 5 videos · 3 activities
  • Space between
  • Nesting example
  • Variables on components
  • Scrollable content
  • Space between
  • Variables on components
  • Scrollable elements
5 videos · 3 activities
06 Navigation & Interactions 6 videos · 4 activities
  • Bottom nav bar
  • Variants with hover
  • Navbar component
  • Variables for labels
  • Stitching screens
  • Build your own nav
  • Add hover effects
  • Variables for labels & icons
  • Stitch a prototype
6 videos · 4 activities
07 Building a Form 1 video · 1 activity
  • Simple form design
  • Recreate a real form
1 video · 1 activity
08 Barclays Design Project 3 videos · 3 activities
  • Part 1
  • Part 2
  • Part 3
  • Build the nav menu (×2)
  • Build the hero banner
3 videos · 3 activities

What's included

 

🎬
Short, focused videos

Every lesson covers one thing clearly. No padding, no filler — just the technique and why it matters.

✏️
Hands-on activities

Every key lesson has a guided activity. You build immediately, while it's still fresh. That's how it sticks.

🏗️
A real design project

The course ends with a full Barclays homepage — navbar, hero, interactions — using everything you've learned.

Watch · Then do

20+ activities built into the curriculum

✏️
Three Buttons, Three Styles

Design three buttons — different colors, padding, radius, and icon placement.

✏️
Recreate a Real Form

Screenshot a form from a real website. Rebuild it in Figma as closely as you can.

✏️
Stitch Pages into a Prototype

Connect screens with interactions and click through like a real app.

Start designing.
Not someday — today.

 

Buy the course →

Instant access · Self-paced · Lifetime