Fostering Collaboration: Pattern Libraries / Rapid Prototyping
summary
Enterprise team with 60+ developers and no designers implements a living pattern library and rapid prototyping stack built on Middleman, Sass, Susy, Slim to enforce consistent HTML/CSS/JS, produce 30–35 modules, and spin up interactive page prototypes via a seven‑step workflow. Initial app suffers from 60–70 static assets, gzipping and caching disabled; library takes six months to create but yields reusable components, faster prototyping, fewer duplicated patterns and clearer front‑end standards.
AI-written summary · about
chapters (8)
- 0:00Introduction
- 7:44Poor development practices
- 16:36Pattern libraries: challenges & benefits
- 20:51Pattern library demo
- 36:48Pattern library setup
- 37:11Static vs generator-based
- 41:02Pattern libraries with APIs
- 42:05Q&A
related talks
28mFrom Styleguides to Pattern Libraries: What You Need and When
29mEffective user interface design with HTML prototyping
30mIt's About Systems
43mPreprocessors, Components, and CSS in JS
31mCode Patterns for Pattern Making
33mA Modern Designer's Workflow
20mDesign Systems for the Rest of Us
45mSmartWeb 2016 - Anna Debenham