🏫
Obvious University
Website
  • 👋Welcome to Obvious University!
  • Strategy
    • Sprints
      • 1️⃣Map
      • 2️⃣Sketch
      • 3️⃣Decide
      • 4️⃣Prototype
      • 5️⃣Test
    • Benchmarking
    • Research
      • 1️⃣Research guide
      • 2️⃣How to recruit users
      • 3️⃣How to conduct an interview well
      • 4️⃣How to take notes
      • 5️⃣How to prep for remote research
      • 6️⃣How to throw a watch party
      • 7️⃣How to create artefacts
  • Working with Features
    • Building with AI
      • 1️⃣Understand the tech
      • 2️⃣Map your product
      • 3️⃣Build a proof of concept
      • 4️⃣LLM Inputs
      • 5️⃣LLM Responses
    • Building Help and Support
      • 1️⃣How to scope a support experience
      • 2️⃣How to design discovery for support
      • 3️⃣How to design a support centre
      • 4️⃣How to write good support articles
  • Product Design
    • Microcopy
      • 1️⃣How to write well
      • 2️⃣How to write phrases
      • 3️⃣How to write messages
      • 4️⃣How to create a voice
    • Typography
      • 1️⃣How to compose type
      • 2️⃣How to create a type scale
      • 3️⃣How to pick typefaces
      • 4️⃣How to pair typefaces
    • Design System
      • 1️⃣Introduction to design systems
      • 2️⃣How to audit a design system
      • 3️⃣How to run a design system pilot
      • 4️⃣How to set up a design foundation
      • 5️⃣How to build components
      • 6️⃣How to document a design system
      • 7️⃣How to enable adoption and govern a design system
    • Mobile Engineering
      • 1️⃣Trunk based development
      • 2️⃣Agile development terminology
      • 3️⃣Git commit messages
      • 4️⃣Code review and pull requests
      • 5️⃣Readings
  • Delivery
    • Project Management
    • Collaboration
  • Hiring and Growth
    • Growth
      • 1️⃣Design growth framework
      • 2️⃣How to give ongoing feedback
      • 3️⃣How to check-in every quarter
      • 4️⃣How to address underperformance
      • 5️⃣FAQs
    • Hiring and careers
      • 1️⃣The Hiring Process
      • 2️⃣Diverse and Inclusive Hiring
  • PEOPLE EXPERIENCE
    • Benefits and Perks
      • 1️⃣Paid time off
      • 2️⃣Insurance and healthcare
      • 3️⃣Continuing education
      • 4️⃣Speaking at conferences
    • Starting at Obvious
      • 1️⃣Introducing Obvious
      • 2️⃣Set up your workspace
      • 3️⃣Onboarding
      • 4️⃣Finances
      • 5️⃣Code of Conduct
    • Employment policies
      • 1️⃣Equal opportunity employment
      • 2️⃣At-will employment
      • 3️⃣Employee records and privacy
      • 4️⃣Prevention of sexual harassment
      • 5️⃣Drugs and alcohol
      • 6️⃣Fraternisation
      • 7️⃣Non-compete and non-solicitation
      • 8️⃣Non-disclosure
Powered by GitBook
On this page
  • 1️⃣ What is a design system?
  • 2️⃣ How does a design system help?
  • 3️⃣ When do you need a design system?
  1. Product Design
  2. Design System

Introduction to design systems

PreviousDesign SystemNextHow to audit a design system

Last updated 1 year ago

1️⃣ What is a design system?

A design system acts as a toolbox for designers and developers. It is a repository of reusable components and guidelines on how to use them, to ensure consistency in designs across various products and platforms. By offering solutions to common problems, it enables teams to work more efficiently and dedicate more time to addressing critical user and business needs.

A set of connected patterns and shared practices, coherently organized to serve the purpose of a digital product - Alla Kholmatova


2️⃣ How does a design system help?

  • Consistency: A design system ensures that all products and platforms have the same look, feel, and functionality, making them easier for users to recognize and navigate.

  • Efficiency: By providing reusable components and clear guidelines, design systems make it quicker and simpler for teams to create new designs and features, saving time and effort in the development & design process.

  • Scalability: Design systems make it easy to add new features or expand products without sacrificing consistency, ensuring that everything continues to work smoothly as the project grows.

  • Collaboration: Design systems help teams work better together by giving everyone a common set of tools and principles to follow, making it easier to share ideas and work together effectively.

  • Maintainability: Design systems make it easier to update and improve designs over time, ensuring that everything stays up-to-date and consistent without requiring a lot of extra work.

Similar to how a UI kit or Figma library accelerates designers' work and a component library helps engineers code faster, a design system empowers product teams to deliver software to customers faster and better.


3️⃣ When do you need a design system?

A well-executed design system can really shake things up for organizations dealing with scalability challenges. Here are some signs that it's time to start thinking about investing in one :

  1. Growing complexity: As product offerings and team sizes continue to grow, maintaining consistency becomes increasingly challenging. This is where a design system comes into play, ensuring that expansion doesn't compromise a cohesive experience.

  2. Repetitive efforts: Designers and developers often find themselves solving for same and repeating problems time and again across different projects. This repetition signals a clear need for a design system to streamline workflows and address these recurring challenges effectively.

  3. Desire for streamlined operations: Organizations are increasingly expressing a desire for smoother operations, aiming to optimize workflows, eliminate unnecessary repetition, and ensure a cohesive user experience. This hints at a need for implementing a design system.

  4. Desire for consistent user experience: The desire for a consistent user experience is evident when considering how inconsistencies across various flows can result in a less-than-optimal experience for the end user. Design systems can effectively address these discrepancies and ensure a seamless and cohesive experience.


1️⃣