Login
Design XP/The Figma Lab: Practice, Build, and Level Up
Buy now

  • $99

The Figma Lab: Practice, Build, and Level Up

  • Course
  • 37 Lessons
  • Includes 1 additional product
  • Discord access

Build real confidence in Figma through practice, not shortcuts. This course helps you understand design logic—not just tools—through lessons on layout, spacing, auto layout, tokens, libraries, and best practices. You’ll complete creative challenges, learn when (and when not) to use AI, and develop the habits, mindset, and structure of a confident, professional designer.
Buy now

Includes 1 additional product

Contents

Introduction

An overview of this course, learning outcomes, and what to expect.

Overview
Preview
How to Actually Get Better at Figma
Preview

Navigating Figma

An overview of the tool, where to find various features, and how to get started

What is Figma & How to Get Started
Navigating your way around Figma
Installing Plugins

Best Practices + Foundational Skills

A few best practices and habits to get you building better habits early

Layout & Spacing
Layers, Naming Conventions, and Best Practices
Components — Design Once, Use Everywhere
Documentation & Developer Handoff — Designing for Others
Prototyping — Bringing Your Designs to Life
Understanding Auto Layout (and When Not to Use It)
Libraries & Design Systems — Working Smarter, Not Harder
Constraints — Making Your Designs Responsive
Understanding Design Tokens
Coming Soon: Prototyping with Figma Make

Building Confidence

In this section we cover a series of activities and practice files for you to improve with various aspects of Figma.

All working files covered here come directly from Figma for Education - which is an amazing resource of growing files + tutorials to learn about new things. https://www.figma.com/@education

Improving Your Eye for Design — Seeing Like a Designer
Components Practice
Autolayout Practice
Prototyping 101
Prototyping 201 (optional)
Design Systems Practice
Layout Grid Practice

Challenges

Rules:

  • No AI tools for design generation.

  • No Community Files or templates.

  • Build everything yourself — even if it takes time.

  • Post your work in Discord for feedback.

  • Expect to repeat challenges 2–3 times before they start clicking.

Rules for Completion
🧱 Challenge 1 — “Same, but Different”
🎨 Challenge 2 — “Two Colours, Full Story”
📊 Challenge 3: “The Clutter Challenge” — Information Density Control
📱 Challenge 4: “Gesture Logic” — Designing Meaningful Motion
💬 Challenge 5: “Empathetic Error” — Emotional UX Design
💾 Challenge 6: “Tiny Screen, Big Clarity” — Designing for Constraints
🧠 Challenge 7: “Text-Only Interface” — Designing with Type
🔁 Challenge 8: “Rebuild from Memory” — Spatial Recall Exercise
Feedback Process

Resources & Considerations

Here are a couple collections of resources, considerations, and mindset shifts to improve

How to Design with AI
Tips to Improve Faster
List of Resources
Design XP Workshop Recordings
Getting Help