Figma Tutorial: Variants

Figma is free to use. Sign up here: Variants reduce the complexity of your design system, makes it easier to find components, and maps your design components more closely to code. In this video we’ll teach you how to create and use variants and component sets. Learn more on our Help Center: Prepare for Variants: Create and Use Variants: Read the variants blog post: Watch the Config Europe keynote highlights: #Figma #FigmaTutorial #Variants #Components Timestamps: 0:00 Introduction 0:30 Define component sets, variants, properties, and values 0:58 Multi-dimension component sets, and map to code 1:47 Combine components as variants 2:05 Publish component sets to a library 2:19 Using and configuring variants 2:41 Step-by-step demo (checkbox component set from scratch) 3:22 Adding v