Define your design system's principles - Lesson 2 part 1 : Introduction to design systems

3m 20s Link to video
Tags Figma Tools Principles Foundations Documentation Process
Speakers Figma
Edit on GitHub

Figma is free to use. Sign up here: https://bit.ly/3msp0OV

Habitz design system Community file: https://bit.ly/3BVcql4

Video course: https://bit.ly/3WwqzyI Written course: https://bit.ly/3Oz6nKH

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: https://bit.ly/3owJCw7 Principles of Headspace: https://bit.ly/43jbi6y Design principles workshop: https://bit.ly/43meL4d How to Meet WCAG: https://bit.ly/3OB0nBa

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: https://bit.ly/3BUpSpv Figma community wireframes: https://bit.ly/3osd8TP Sparkbox: Design Systems Survey 2022: https://bit.ly/3Ww6cl5 Knapsak’s Design System ROI Calculator: https://bit.ly/3MRQnSE Design Systems Repo: https://bit.ly/3MNMjCV Sparkbox: Anatomy of a Design System: https://bit.ly/420KKpK Spectrum of maturity for design systems: https://bit.ly/3WwjLAZ

Find us on ⬇️ Twitter: https://twitter.com/figma Instagram: https://www.instagram.com/figma LinkedIn: https://www.linkedin.com/company/figma Figma forum: https://forum.figma.com/

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