Design Systems with Storybook, v2
Join us for an awesome workshop on:

Design Systems with Storybook, v2

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

RSVP to Attend Online

Live and in Full HD

Join in Person

From Downtown Minneapolis, MN

You're Registered to Attend Online!

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

This Workshop's Online Chatroom is Currently Open!

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

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

You can watch a replay of this workshop!

Design Systems with Storybook, v2

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

Some 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

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

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

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.

Daily Schedule

We've already held over 300 workshops with thousands of attendees in-person and online. In this time we've discovered ways to schedule the day, so it goes smoothly and efficiently. Regardless if you're in-person or participating with us online you'll have the full ability to replay things you missed, get your questions answered LIVE and interact with the teacher throughout the day.

  • 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

Interact with the Instructor - Online & In-Person

Get Your Questions Answered • Code Along with the Class • Classroom Format

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.

Any Prerequisites?

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

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