How to Create a Design System in 8 Steps — Part II

What is a Design System?

Steps to Create a Design System

Steps to create a Design System for your organization

Step 4: Define Visual Foundation

a) color palette: Themes

An example of baseline color theme defined by Google Material

b) Accessibility

Accessibility Guidelines by Atlassian Design System
Accessibility Guidelines by Atlassian Design System

c) Layout

Defining Page Layout Sections in Shopify

d) Navigation

Navigation concept elaborated by Google Material Design System

e) Icons library

Icon design concept by Salesforce Lightning Design System

(f) Typography: fonts, sizes, headings

Typography Guidelines by Google Material Design System

Step 5: Build Components

Standards defined for Labels by Apple Human Interface Guidelines
Radio Button Guidelines defined by Google Material Design System

Step 6: Build Patterns

Forms Pattern by Atlassian Design System
Search Pattern by IBM Carbon Design System

Step 7: Define Content

Writing Guidelines by Google Material Design System
Language and Grammar by Atlassian Design System

Step 8: Maintain and Evolve Design System

What’s New Section maintained by Google Material Design System

Conclusion

Learn More

UX Design Passionate | Love to share and learn about UX design | https://uxdworld.com/ | https://www.youtube.com/c/uxworld

UX Design Passionate | Love to share and learn about UX design | https://uxdworld.com/ | https://www.youtube.com/c/uxworld