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

Resources & Considerations

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

5 Lessons