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