🌟 New Year Offer 🌟
Celebrate 2026 with 30% OFF on all products! Use code: NEWYEAR2026. Hurry, offer ends soon!
Master Figma with an industry veteran and transform your creative vision into high-fidelity, responsive designs through this comprehensive, project-based certification program.
Matt Brunton – Figma for Web Designers 2.0
Your Instructor
Matt Brunton brings two decades of creative experience as a Designer and Art Director with the world’s largest companies and agencies. Today he works as Creative Director for Flux Academy and Studio Spielen—his new sports brand design studio, founded in 2024.
Course Curriculum
Figma Foundations
Welcome to the course! (3:14)
How does mentoring work?
UI updates (0:51)
Getting ed in Figma (8:30)
Settings (1:24)
Frames (5:56)
Grids and guides (10:57)
Moving and navigating (8:05)
Text (13:01)
Shapes and colors (31:36)
Pencil and Pen (14:19)
Comment (2:57)
Actions (and keyboard shortcuts) (4:38)
Layout basics (30:57)
Image/video (20:49)
Organising your files (5:23)
Components and Prototyping (an introduction) (26:53)
Auto layout
Auto layout: Introduction (12:27)
Auto layout: Creating responsive designs Pt. 1 (Desktop) (51:01)
Auto layout: Creating responsive designs Pt. 2 (Mobile) (10:17)
Styles and variables
Styles (and logo design) (35:23)
Variables (26:45)
Illustration
Figma Draw (1:05)
Effects (hero section imagery) (34:41)
Hero section buttons and layout (33:36)
Features section: Layout (28:55)
Features section: Adding imagery (9:36)
Features section: Device mockup (Figma community) (20:49)
Masks (11:04)
Gradients (30:35)
Finessing the design so far (8:20)
Grids (4:30)
Boolean operations (18:37)
Shape Builder (2:40)
From wireframe to final design
Pricing cards wireframe (20:23)
Pricing cards visual design Pt.1: styling (19:36)
Pricing cards visual design Pt.2: details (35:58)
UI slider wireframe (19:06)
UI slider visual design (39:45)
Components, variables, and prototyping
Prototyping: Links (Navigate to, Scroll to) (15:24)
Components, variables, and prototyping (FAQ) (35:50)
Components, variables, and prototyping (Feedback modes) (54:36)
Variable modes (16:29)
Responsive layouts
Mobile homepage design (54:27)
Mobile menu: design (38:00)
Mobile menu: prototyping (19:13)
Mirror (Figma mobile app) (1:36)
Min/max width (and desktop fixes) (11:28)
Plugins
Plugins (9:51)
Hand-off and collaboration
Exporting assets (8:07)
Collaboration (7:05)
Handing off to developers (4:23)
Other Figma file types
FigJam and Figma Slides (1:35)
Figma Buzz (1:06)
Figma Sites (0:51)
Certification and next steps
Certification & Project brief (3:16)
What’s next? (1:43)
Bonus
Figma AI (time saving features) (12:35)
Course Features
- Lecture 0
- Quiz 0
- Duration 10 weeks
- Skill level All levels
- Language English
- Students 77
- Assessments Yes