How to use Shopify's Design System

Pat_allen

Shopify has a lot of different parts: our merchants' stores, our admin, our apps, and more. All of these parts need to work together seamlessly. That's why we have a design system. A design system is a set of principles, guidelines, and best practices that help teams design and build consistent products. It includes everything from our logo and branding, to our user interface components and patterns, to our voice and tone.

cathy_holmes

The Shopify Design System is a set of tools, resources, and guidelines that help Shopify merchants design and develop consistent, high-quality experiences for their customers. The system includes a library of reusable components, a style guide, and a platform for creating and managing design tokens.

purplefrog

The Shopify Design System is a collection of reusable UI components that can be used to build online stores. It includes a style guide, a library of icons and illustrations, and a set of React components. The system is designed to help Shopify merchants and theme developers create consistent, scalable, and accessible store experiences.