Design Systems with Storybook, v2 [FrontendMasters]
30 👀
Harry Potter

Harry Potter

May 27, 2024

Design Systems with Storybook, v2 [FrontendMasters]

Elevate your design process with Design Systems with Storybook, v2 workshop by FrontendMasters. Learn documentation, deployment, and collaboration skills, master Storybook's features, and build robust design systems. Perfect for frontend developers, UI/UX designers, and team leads

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


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


Free Download 😀

Zip/rar files password can be one of these :- FreeCourseUniverse / CheapUniverse
Harry Potter

Harry Potter

Hey Guys We are Tech Enthusiasts and we know knowledge is key to success ! We are here to open path to your success by providing what you want. Today education == business. Our moto is education should be accessible by any person who is not able to purchase overpriced content.

Leave a comment

0 Comment


Membership Plans

( New Forum )

We are bringing so many new things at the fraction of a cost....


    How to download ??


    This site is hosted on Digital Ocean

    Get $200 credit Instantly

    Offer available for limited time
    ( Take advantage of free credits 👇 )
    DigitalOcean Referral Badge

    Related Posts


    © 2022 FreeCourseUniverse. All Rights Reserved