🧬 Design Systems

Jeremy Keith definition of a design system:

The generally-accepted definition of a design system is that it’s the outer circle—it encompasses pattern libraries, style guides, and any other artifacts. But there’s something more. Just because you have a collection of design patterns doesn’t mean you have a design system. A system is a framework. It’s a rulebook. It’s what tells you how those patterns work together.

Useful Resources

• Design Systems - A Figma publication for design systems creators, designers, developers, and managers
  • Getting Started
• Design System Handbook by Invision
• Design System Repo - A frequently updated collection of Design System examples, articles, tools and talks.
• Laws of UX

Design Systems

• Material Design System - by Google
• Chicago Design System - by the City of Chicago
• Starbucks Creative Expression - by Starbucks
• Spectrum - by Adobe
• IBM Design Language - by IBM
• Ant Design - by Baidu