Storybook

Where can I learn more about Storybook?

Romina Kavcic

Official Storybook Tutorial

The official Storybook website offers a comprehensive "Intro to Storybook" tutorial that covers the essentials

  • Setting up Storybook in your development environment

  • Building simple and composite components

  • Working with data

  • Constructing screens

  • Deploying Storybook

  • Visual testing

  • Using addons

The official tutorial is available for multiple frameworks including React, Vue, Angular, and more

🔗 Read the guides

🔗 Storybook Docs


Getting Started with Storybook: The Ultimate Tool for Component Documentation and Testing

👉 Chapters 0:00 Introduction 00:50 Setting Up Storybook 01:14 Exploring Storybook 01:36 The Purpose of Storybook 01:54 Storybook File Structure 04:02 Metadata and Grouping 04:41 Creating a Story 05:23 Styling the Footer Component 08:32 Storybook Features 09:19 Controls and Actions 09:44 Accessibility Testing

📹 Watch the video


Design Systems for Developers

🔗 Read the guide


6 Storybook Tutorials for Product Development Teams

🔗 Read the guides

I'm Romina Kavcic. I coach design teams on implementing design systems, optimizing design processes, and developing design strategy.

I'm Romina Kavcic. I coach design teams on implementing design systems, optimizing design processes, and developing design strategy.

The Design System Guide Newsletter

Get new design system tips, tutorials, and insights in your inbox. No ads, no fluff.

© 2022 - 2025 The Design System Guide by Romina Kavcic

The Design System Guide Newsletter

Get new design system tips, tutorials, and insights in your inbox.
No ads, no fluff.

© 2022 - 2025 The Design System Guide by Romina Kavcic

© 2022 - 2025 The Design System Guide by Romina Kavcic