Presented At
In “Fight the Zombie Pattern Library,” we look at repeatable processes to implement Pattern Libraries in your product design and development workflow, so you can fight the slow rot of your interface design (and its underlying code) as your product grows and evolves.
These same processes can be used to “build a tiny Bootstrap” for every client and keep developers using them every day.
We also look at PatternPack, an open source tool for designing and building your interface, and then sharing the code. For more on getting started with PatternPack, check out the guides and resources.
Pattern Based Thinking
- Andy Clarke: Walls Come Tumbling Down
- Mark Otto: Build Your Own Bootstrap
- Dave Rupert: Responsive Deliverables
Design Systems
- Front-End Style-Guides: Definition, Requirements, Component Checklist
- A Maturity Model for Design Systems
- The Component Cut Up Workshop
- Katey Basye: How the Salesforce Lightning Design System Helped Me Onboard As a New Product Designer
- A Pattern Library Directory
Implementing Design Systems
- Chasing The Holy Grail - Strategies For Distributing Your Pattern Library and Keeping It in Sync
- Regex search for class=”table”:
class\s*?=\s*?["'].*?table - Team Models for Scaling a Design System
- The Salesforce Team Model for Scaling a Design System
- Semantic Versioning