Skip to main content

Creating and Maintaining Successful Design Systems

Brad Frost
On the web
bradfrost.com
On Twitter
@brad_frost
Tickets
Get a ticket

Workshop includes:
  • Working examples to take away
  • Interactive sessions
  • Workshop recordings
  • Dedicated Q&A time
  • Smashing Certificate

Workshop, 5×2h + Q&A • Apr 22 – May 6
09:00 — 11:30 AM PDT (Pacific Daylight Time)

Design systems provide solid ground for us to stand on as we tackle the increasingly diverse and fast-moving digital landscape. This workshop will tackle all that goes into creating and maintaining successful design systems.


We’ll cover the many benefits of design systems, introduce the atomic design methodology, discuss how to establish a cross-disciplinary pattern-driven workflow, detail the creation of a rock-solid component library and reference website, and tackle how to maintain a design system so it provides lasting value to your team and organization.

Who Is This For?

This is a full workshop, delivered in five 2-hour long sessions with lots of time for Q&A.

This workshop is for UI designers, front-end designers, developers, and anyone responsible for the success of digital products.

You’ll walk away from this workshop with a solid foundation about how to plan, execute, and maintain a successful design system at your organization.

What will attendees learn in this workshop?

  • Selling Design Systems – We all know design systems and pattern libraries are great, but how do you get your clients, bosses, and teammates on board? We’ll make the business cases for design systems, and discuss tactics and tools for selling design systems to clients and stakeholders.
  • A Pattern-Based Process – Making modular interfaces requires massive shifts in our design and development process. We’ll discuss why front-end development is an essential part of the design process and demonstrate how tools like lo-fi sketches, style tiles, frontend workshop tools like Storybook and Pattern Lab, and others facilitate collaboration—and result in successful design systems.
  • Atomic Design Principles – We’ll cover core principles of modular UI interface design and introduce the atomic design methodology that helps connect your design system design/dev work to your actual product design/dev work.
  • Creating a rock-solid component library – The heart and soul of a successful design system is a component library that lives in code and directly powers an organization’s software products. We’ll cover all that goes into creating a UI component library that’s reusable, flexible, extensible, and easy to work with.
  • Anatomy of Effective Reference Website – A style guide reference website is the happy home for all a design system’s ingredients. A robust and well-presented reference site can help a design system truly take root at your organization.
  • Design System Maintenance – Like a fine wine, a design system should increase in value over time. We’ll discuss tactics and techniques like team structure, versioning, managing changes and additions to the system, communication strategies, and more to ensure design system provides lasting value to your organization.

Register for this workshop →

About Brad Frost

Brad Frost is a web designer, speaker, writer, and consultant located in beautiful Pittsburgh, PA. He is the author of the book Atomic Design, which introduces a methodology to create and maintain effective design systems. In addition to co-hosting the Style Guides Podcast, he has also helped create several tools and resources for web designers, including Pattern Lab, Styleguides.io, Style Guide Guide, and This Is Responsive.

Time & Schedule

This workshop is split over five days. The schedule may change slightly based on how we are progressing through the material, giving time to answer questions as we go.

The workshop sessions will run on the following days:

  • Wed, Apr 22, 09:00 – 11:30 AM PDT
  • Thu, Apr 23, 09:00 – 11:30 AM PDT
  • Wed, Apr 29, 09:00 – 11:30 AM PDT
  • Thu, Apr 30, 09:00 – 11:30 AM PDT
  • Wed, May 6, 09:00 – 11:30 AM PDT

Wed, Apr 22: Selling and Kicking Off a Design System

8:45 am PDT
Virtual doors open, registration, chat and introductions.

9:00 am – 11:00 am
Design systems overview and benefits, selling design systems to clients, colleagues and stakeholders, kicking off a design system initiative.

11:00 am – 11:30 am
Q&A with Brad on the day’s material. Networking!

Thu, Apr 23: Planning Design Systems

8:45 am PDT
Virtual doors open, registration, chat and introductions.

9:00 am – 11:00 am
Planning a design system initiative, creating design principles, atomic design introduction and atomic design in practice, design tokens choosing tools.

11:00 am – 11:30 am
Q&A with Brad on the day’s material. Networking!

Wed, Apr 29: Building a Design System, Part 1

8:45 am PDT
Virtual doors open, registration, chat and introductions.

9:00 am – 11:00 am
The cross-disciplinary design system process, pilot projects, design system deliverables, design tokens, theming.

11:00 am – 11:30 am
Q&A with Brad on the day’s material. Networking!

Thu, Apr 30: Building a Design System, Part 2

8:45 am PDT
Virtual doors open, registration, chat and introductions.

9:00 am – 11:00 am
Building a component library, frontend best practices, API design, launching a design system, reference website best practices

11:00 am – 11:30 am
Q&A with Brad on the day’s material. Networking!

Wed, May 6: Design System Maintenance

8:45 am PDT
Virtual doors open, registration, chat and introductions.

9:00 am – 11:00 am
Design system maintenance, team structure, rollout, change process, versioning, supporting multiple tech stacks and platforms, communication strategy.

11:00 am – 11:30 am
Q&A with Brad on the day’s material. Networking!

Register for this workshop →