April 17, 2024 - 9:30am to 5:30pm Central Daylight Time

Design Systems with Storybook, v2

Steve Kinney

Steve Kinney

Design Systems with Storybook, v2

This Workshop's Online Chatroom is Currently Open!

This workshop has ended. Check back soon for the recording!

You can watch a replay of this workshop!

Spend a full day learning to build design systems in Storybook with Steve Kinney.

Key Takeaways

By participating along with us in the workshop, you'll learn:

  • Skills in documentation, deployment, and team collaboration
  • Deep understanding of Storybook’s new features and capabilities
  • Mastery in creating and managing a robust design system
  • Techniques for building atomic, responsive, and accessible components
  • Best practices in implementing visual regression testing and dark mode

Is This Workshop for Me?

Frontend developers, UI/UX designers, and team leads looking to leverage Storybook for creating and scaling design systems. The workshop is mostly framework-agnostic but uses React for demonstrations.

Workshop Details

This workshop offers a comprehensive guide to building design systems using Storybook. Covering everything from basic setup to advanced features, attendees will learn about atomic design, accessibility, visual regression testing, responsive design, and dark mode implementation. The workshop emphasizes practical, hands-on learning for effective team collaboration and documentation.

Any Prerequisites?

  • Basic knowledge of JavaScript and familiarity with React
  • Understanding of CSS and styling concepts

Attend Online Live and in Full HD

Get Your Questions Answered
Code Along with the Class
Classroom Format

Join-In Person from Downtown Minneapolis

Apply to Join In-Person

You're Registered to Attend Online!

You'll receive additional details and a reminder via email as the event draws near.

Design Systems with Storybook, v2

Event Details


  • One Full Day Workshop Session
  • Replay Videos (available immediately)


  • April 17, 2024 - 9:30am to 5:30pm Central Daylight Time


  • Option 1: Attend online on our full HD live stream
  • Option 2: Attend in-person at HQ in Minneapolis, MN

Daily Schedule

  • 9:30AM
    Introduction to Design Systems and Storybook
  • 10:00AM
    Setting Up Storybook in Your Project
  • 10:30AM
    Utilizing Design Tokens and Theming in Storybook
  • 11:00AM
    Building Atomic Components with Enhanced UI Controls
  • 11:30AM
    Managing Component States and Variants in Storybook
  • 12:00PM
    Lunch Break
  • 1:00PM
    Auditing Accessibility in Components
  • 1:30PM
    Implementing Visual Regression Testing
  • 2:00PM
    Leveraging Enhanced Documentation Features
  • 2:30PM
    Exploring Advanced Addons and Integrations
  • 3:00PM
    Strategies for Responsive Design and Dark Mode Implementation
  • 3:30PM
    Automating Deployment and Maintaining the Design System
  • 4:00PM
    Collaborative Techniques and Workflow Improvements
  • 4:30PM
    Strategies for Scaling Your Design System

Your (Awesome) Instructor

Steve Kinney

Steve Kinney

Steve is the front-end architect at Temporal. Previously, he was the front-end architect at Twilio and SendGrid. He is the director emeritus and founder of the front-end engineering program at the Turing School for Software and Design in Denver, Colorado — a non-profit developer training program. In a previous life, Steve was a New York City public school teacher. He taught special education and web development in Manhattan, Brooklyn, and Queens. He currently lives in Denver, Colorado

Check out all of our upcoming workshops!

Workshops happen throughout the year, and are all included with membership.