Define your design system's principles - Lesson 2 part 1 : 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 dig into four key parts of a successful design system.

  1. Principles
  2. Foundations
  3. Documentation
  4. Processes

Resources: Figma Design Principles: Principles of Headspace: Design principles workshop: How to Meet WCAG:

00:00 - Introduction 00:37 - Principles 01:11 - Creating principles 01:25 - What a principle might have 02:35 - Try it yourself 03:00 - Wrap up

Resources: Shopify Polaris: Figma community wireframes: Sparkbox: Design Systems Survey 2022: Knapsak’s Design System ROI Calculator: Design Systems Repo: Sparkbox: Anatomy of a Design System: Spectrum of maturity for design systems:

Find us on ⬇️ Twitter: Instagram: LinkedIn: Figma forum:

#Figma #Config #FigJam #Tutorial #NothingGreatIsMadeAlone #design #tips #DesignSystems