2-Day Workshop: Creating and Maintaining Successful Design Systems By Brad Frost
October 29 – 30, 2020 5:00 PM UTC
2 Days English

2-Day Workshop: Creating and Maintaining Successful Design Systems


Speakers
This session has ended

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.

  • Design System
  • CSS
  • Pattern Libraries
  • Atomic Design
  • Design Tools
  • UX
  • Methodology
  • Component Library
Trailer What you’ll learn
Workshop Table of contents
What will you learn?

29/30 October from 6:00 pm to 9:00 pm CET

In this workshop, we’ll explore:

  • 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.
  • Design system tools and 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.
Workshop details

2-Day Workshop: Creating and Maintaining Successful Design Systems

2-Day Workshop: Creating and Maintaining Successful Design Systems

By Brad Frost

  • Design System
  • CSS
  • Pattern Libraries
  • Atomic Design
  • Design Tools
  • UX
  • Methodology
  • Component Library
  • English
  • All Levels
  • Access on mobile and Desktop
  • Full time access
  • Certificate of completion
Speakers Learn from the best
  • Brad Frost

    Brad Frost

    Web designer, speaker, consultant, writer, and musician located in beautiful Pittsburgh, PA

    @brad_frost

    Brad Frost is a web designer, consultant, speaker, and writer 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, This Is Responsive, Death to Bullshit, and more.

    bradfrost.com

  • awwwards.

    awwwards. HOST

    Awwwards Team

    @awwwards

    Awwwards is the leading platform that brings together the best digital agencies and influencers in web design and development. The embodiment of creative and innovative digital minds all over the world, our platform provide a hub to connect and discover trends, news, and gather inspiration.

    awwwards.com