Integrations

Storybook addon to display design token documentation generated from your stylesheets and icon files.

Storybook addon to display breakpoint sizes and their according name mappings

Catch design drift between Figma and Storybook before it ships.

Storybook addon for DTCG design tokens — toolbar, panel, and useToken hook.

Storybook MDX doc blocks for DTCG design tokens — TokenTable, ColorPalette, TypographyScale, TokenDetail.

Storybook addon and CLI for Designbook — AI workflows that structure your design for CMS implementation

A Storybook 10 addon to automatically generate a visual dependency tree for your components.

Anima CLI for storybook

prjct/pins — Storybook host for collaborative pins (manager panel + canvas)

View zeroheight documentation in your stories

Anima CLI for storybook

Export Storybook components to Locofy

Storybook addon for SXL Studio — displays Figma Embed, component info and design token status for linked components

Storybook addon — interactive component anatomy panel synced with the story canvas

Addon for Storybook with useful defaults and integration with Compositive.

The Storybook Design Token Addon allows you to generate design token documentation from your stylesheets.

Baseline grid overlay for Storybook — see your vertical rhythm while you build

Storybook 10 addon that renders Slack Block Kit JSON the way Slack would — decorator + panel + toolbar globals (surface/theme) + MDX doc block.

Storybook addon to copy component blocks to Storyblok CMS

When components behave in different ways, based on what props we are using, we write stories, but when our design system is used by a lot of different projects we can lose sight of the whole picture. Storybook ErDiagram manages links between component sto

Extract and expose Storybook component metadata via REST API. Works with any framework (React, Vue, Angular, Svelte, etc.)

Storybook addon to display design token documentation generated from your stylesheets and icon files.