Joey from Baseline Design

Group 5

Frame 2

Group 3

Group 4

Group 6

Frame 1

Group 10

Group 12

Group 8

Group 7

Group 9

Group 11

Group 13

Group 14

Cohort 15

Group 16

Group 17

Group 18

In this module, we’ll build on the basics by creating variables from scratch and exploring how to use modes. I’ll show how modes can help you support things like light and dark themes, and how to stay organized as your variables grow.

Creating Variables & Modes


In this module, we’ll get started with Auto Layout, one of the most useful features in Figma. I’ll walk through how it works, what it can do, and how to start using it to build flexible, responsive designs.

Introduction to Auto Layout in Figma


Grab a sneak peek of a portion of course content! ✨🎬 In this module, we’ll explore how to use the Dev Mode MCP Server to connect Figma with external tools like Cursor. I’ll walk through how to get set up, how it works, and how it can help bring design and code even closer together.

Using Figma's Dev Mode MCP Server


Learn everything you need to get started and excel with one of the industry’s top design tools, no matter your experience level.

Joey Banks

Teacher, Design Systems Consultant, Product Designer

Level Up with Figma

Product Designer

Senior Design Leader

UX/UI Designer

Product Designer looking for work

Art Director | Brand Designer

Senior Product Designer

UX Designer

Senior Director of Design

Product Design Manager

Freelance Designer

Become your team’s go-to Figma expert. Figma is the design tool of choice for most product teams thanks to its collaborative workflow, growing community, and powerful features for design systems and prototyping. You’ll learn how to use Figma the way real teams do: collaboratively, efficiently, and with a clear understanding of how to build and use components, variables, and more. 🎒 Training your team?&nbsp;Email for bulk pricing and private training: maven@baselinedesign.com. This course is for you if you want to:✅ Get back up to speed in Figma after time away or a move back into IC work✅ Get more comfortable with variables, Grid, and multi-edit✅ Stop guessing and start working with components the right way✅ Build smarter workflows (and design systems) in Figma✅ Feel confident designing and collaborating with your team Here’s what’s included:➡️ Walkthroughs of the latest tools and updates from Config 2025➡️ Weekly live sessions + on-demand recordings➡️ Office hours for your questions and personalized feedback➡️ Lessons on components, libraries, and system best practices➡️ A private community for Q&amp;A, feedback, and ongoing support➡️ A final certificate to share your progress professionally

Everything you need to know to become confident in Figma

Course syllabus

All modules are available from day one, so you can move at a pace that works for you. To keep you on track, I’ll provide suggested dates for each module, helping you stay engaged and get the most out of the course.

Learn at Your Own Pace, on Your Schedule

Stay engaged with Figma Weekly + regular office hours! This is your time to ask questions, get feedback, and refine your skills. Plus, join live demo sessions where I’ll walk through key Figma features and workflows of my own in real time. All live sessions will be recorded.

Get Support with Live Sessions Every Week

In the final week, we’ll come together to apply everything you’ve learned in a hands-on project. Whether you design a personal portfolio, a landing page, an app idea, or something else, this is your chance to build, experiment, and get feedback in a collaborative setting.

Put Your Skills to the Test with Build Week

Course schedule

Beginners looking to learn Figma from the ground up, with a focus on product design and design systems.

Senior and staff designers who want to sharpen their Figma workflows, structure components more effectively, and build confidently at scale.

Design teams transitioning to Figma who want to maximize its features and workflows while learning best practices for organization.

Content designers and engineers who want to collaborate effectively with designers in Figma.

Who is this course for...

Key outcomes

Learn to navigate Figma’s interface, arrange design elements, edit files, and manage teams, projects, and files. Build a solid understanding of frames, groups, and essential tools to work efficiently and confidently.

Build a Strong Foundation in Figma

Discover powerful features that streamline your workflow, including Grid (auto layout), variables, components, variants, and properties. You’ll also learn best practices for maintaining design consistency and scaling your work efficiently in Figma.

Level Up with Advanced Techniques and Time-Saving Tools

Learn how to organize components, manage publishing flows, and help your team design efficiently using your system and library. You’ll also explore Atomic Design methods to ensure consistency and scalability within Figma.

Streamline Your Design System with Organized Component Libraries

My favorite thing about design is the opportunity to meet and work with others and throughout this course, there’s an emphasis on just that! Through regular office hours, Build Week (last week of the course) and built-in community tools, everyone can connect with one another.

Learn Together and Stay Connected

Doing More With Your Design System in Figma

TJ Pitre

Founder & CEO at Southleft

Founder & CEO at Baseline Design

Learn how to structure components and libraries that stay flexible and are easy to maintain over time.

Build components and libraries that scale

Explore how Dev Mode and MCP bridge design and code to build more connected systems.

Connect design and engineering

See how components behave in context using Figma Make, MCP, and Storybook.

Explore your components beyond the canvas

From Pixels to People: Building Systems Together in Figma

Founder of Baseline. Prev. building design systems at Webflow, Twitter, & Figma.

Jon Delman

Design Systems @ Workiva

Explore the features we rely on most for building design systems and how they’ve improved collaboration and outcomes.

Our favorite Figma features for design systems

Learn how to begin working with design systems and build stronger connections with designers and developers.

Join with your team and learn together

Get practical advice for building your skills, connecting with others, and starting a career in design systems.

How to begin building a career in design systems

Level Up Your Team with Variables in Figma

Learn how variables can save you and your team time when building designs, managing systems, and creating prototypes.

Learn how to use variables in Figma

Gain insights for for naming and storing variables and collections to create primitive and semantic variables.

Help your team create primitive and semantic variables

Learn tips and new methods to save you time as you create, organize, and work with variables.

Several advanced techniques and time-saving features

Discover practical skills and strategies for using and creating variables within designs and prototypes.

Joey from Baseline Design

Joey from Baseline Design

Courses

Lightning Lessons

Resources

Reviews