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

Cohort 21

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


Product managers who drive strategy, development, and launch of products.

Designers who craft user experiences, interfaces, and visual design.

Mastering Figma for design workflows — components, auto-layout, prototyping, and collaboration features.

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

Design Research Lead

Designer

Visual Designer

Creative Director

Senior UX Designer

Artist, Designer

Associate Product Designer

Digital Designer

Product 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. 🎒 This course is a great fit if you...<ul><li>Feel behind with how Figma has evolved and want to catch up</li><li>Use Figma regularly but aren't fully confident with components, variables, or structure</li><li>Want to understand how Al fits into real design workflows </li><li>Are working on or around a design system and want to improve how it's used</li></ul> Training your team?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.

Learn directly from Joey from Baseline Design

Joey from Baseline Design

Courses

Level Up with Figma

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

Introduction to Auto Layout in Figma

Using Figma's Dev Mode MCP Server

Creating Variables & Modes