The Figma Lab: Practice, Build, and Level Up
- Buy now
- Learn more
- Discussions
Introduction

Overview
How to Actually Get Better at Figma
Navigating Figma

What is Figma & How to Get Started
Navigating your way around Figma
Installing Plugins
Best Practices + Foundational Skills

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

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 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

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

Introduction

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

2 Lessons