Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Growing the WordPress design system

Growing the WordPress design system

Talk at WCEU

Tammie Lister

June 10, 2022

More Decks by Tammie Lister

Other Decks in Design


  1. Hi

  2. “The generally-accepted definition of a design system is that it’s

    the outer circle—it encompasses pattern libraries, style guides, and any other artefacts. But there’s something more. Just because you have a collection of design patterns doesn’t mean you have a design system. A system is a framework. It’s a rulebook. It’s what tells you how those patterns work together.” adactio.com/journal/13844
  3. Governed The pattern library process is built in to your

    org Automatic The pattern library is part of your app build process Manual The pattern library has code snippets Static A static PDF of your brand guidelines Inconsistent The absence of a design system medium.com/slalom-build/a-maturity-model-for-design-systems-93fff522c3ba
  4. “If we consider a “system” as a combination of parts

    working together, and “design” as the plan of look and function of something….It’s not a component library you assemble like a puzzle and arrive at a consistent layout. A design system indeed has a presentation aspect, but it is also about function and integration. It is about experience.” smashingmagazine.com/2022/02/recipe-good-design-system/
  5. “Several people of several teams are in charge of the

    system. The adoption of the system is quicker because everyone feels involve but it also needs team leaders that will keep an overall vision of it.” medium.com/eightshapes-llc/team-models-for-scaling-a-design-system-2cf9 d03be6a0
  6. “A design system needs support and love to be nurtured

    and to grow. It also needs investment.” 24ways.org/2017/why-design-systems-fail
  7. “But it turns out a design system can't be perfected

    in solitude because it's rooted in human relationships. It serves as a mirror for the company, a reflection of the dynamics at play between designers, engineers, product managers and even customers…We began to treat the design system as a cultural project instead of a technical one.” figma.com/blog/pairing-is-the-key-to-evangelizing-your-design-system