Build your design system - Lesson 3 : Introduction to design systems

Figma is free to use. Sign up here: Habitz design system Community file: Video course: Written course: In this lesson, we’ll join Kai and the Habitz team as they build their design system. We’ll focus on some core design system features in Figma: styles and components. As well as some tips for defining and organizing your system. ____________________________________________________ Resources: Best Practices: Components, Styles, And Shared Libraries: Figma Component Library Structure Twitter Thread: Atomic Design by Brad Frost: Best Practices: Component Architecture In Figma: Best Practices: Creating and Organizing Variants Figma Help Center: Auto Layout: Figma Help Center: Nudge Values: Figma