UCLA Design System

Resources

Table of Contents

1. Component libraries and design assets
2. Strategy
3. Tools
4. Examples
5. Other resources

Component libraries and design assets

• UCLA Brand Guidelines
• IoES Patternlab
• UCLA Graduate Division Web Standards

Surveys

• Research Questions

Approach

• Design System Governanace
• Design System Roadmap
• User Research Plan

Strategy

Getting started

• Design Systems Webinar

Broader concepts

• Design tokens for dummies
• Who are Design Systems for?
• Why don't we just use material design?
• Who are design systems for?

Approach

• Team Models for Scaling a Design System
• Designing Design Systems Like Products
• Designing and Building for Systems
• Principles of Designing Systems
• Some Thoughts on Components

Process

Case studies

• Justfication document

Tools

Slack

• UCLA UX Group slack
• UCTech Slack

Pattern Libraries

• Fractal
• Patternlab
• Storybook

Linters

• Stylelint

Examples

Education

• Folwell
• Rivet
• IU UX
• University of St Andrews Pattern Library
• UCDavis

Other

• Identity Guidelines
• Adele
• US Web Design System

Other resources

Conferences

• Clarity
• Notes from Smashing Conference

Books/Guides

• Design Systems Book
• Design Systems Handbook
• Right way to select technology

Presentations

• Beyond the Toolkit: Spreading a System Across People & Products

Tutorials