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

Group 19

Group 20

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.

Helping teams feel confident in Figma

Joey Banks

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

Level Up with Figma

Senior Content Designer

Director of Design & Research

Senior Design Engineer

Senior Creative Lead

Senior Digital Designer

Product Designer

director

Product Design Specialist

Senior UX/UI Designer

Senior Solutions Engineer

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. Here’s what’s included:➡️ 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

Get back up to speed in Figma

Use and feel comfortable with all of the latest Figma features

Build and maintain components the right way

Collaborate well with your team

Create smarter, system-driven workflows

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.

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

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.

Learn directly from Joey from Baseline Design

Joey from Baseline Design

Courses

Lightning Lessons

Doing More With Your Design System in Figma

From Pixels to People: Building Systems Together in Figma

Level Up Your Team with Variables in Figma

Resources