Storybook 5.3: Build production design systems faster

语言: CN / TW / HK

Storybook began with a simple goal: help developers build UI components and their key states. This is the easiest, most efficient way to think through component hierarchies.

We nailed this workflow and, as a result, Storybook is now the tool of choice for teams across the industry at places like Airbnb, Lyft, Slack, Twitter, and thousands more.

However, the bar on UI development has also been raised. In 2020, it’s not enough to provide great tooling for building and testing components. Today’s modern frontend teams also need to document and package their components into reusable design systems .

Storybook has been rapidly evolving to meet this challenge. Now I’m excited to announce our latest release — Storybook 5.3 supercharges building and documenting production design systems:

  • :memo: Write stories and docs in MDX, the easiest way to interleave Javascript and Markdown.
  • :sparkles: Generate best-practice documentation from your existing stories.
  • :rainbow: Available for major frameworks including React, Vue, Angular, Ember, Web components, and over a dozen others.
  • ⚙️ Declarative configuration to simplify project setup and improve interoperability.
  • :electric_plug: Design integrations to connect Sketch, Figma, Adobe XD, and more.

This is all fully compatible with Component Story Format (CSF) and the entire Storybook ecosystem of tools and workflows.