A collection of proven, reusable solutions to common design problems — like how to lay out a search bar, a checkout form or an error message — so teams solve the same problem the same way every time. It captures 'the way we do this here'.
Synonyms
- UI pattern library
Related terms
- design system
- component library
- ui pattern
- design guidelines
- component
In plain words
- a catalog of tried-and-true ways to build common screens
- reusable recipes for solving the same design problem
Usage example
When designing the login screen, they followed the pattern library so it matched every other form in the product.
Don't confuse with…
- component libraryA pattern library documents recommended solutions and combinations; a component library provides the individual building blocks themselves.
Categories
- Design systems