Integrations

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

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 to display breakpoint sizes and their according name mappings

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

Anima CLI for storybook

View zeroheight documentation in your stories

A Storybook addon that puts the manager and the docs pages on @deramond.dev/tokens: one dark theme, self-hosted fonts, the site's own brand title and mark.

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

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

Catch design drift between Figma and Storybook before it ships.

Export Storybook components to Locofy

Anima CLI for storybook

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

A Storybook addon to sync Figma designs with components and perform pixel-visual regression testing.

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

Add the Asyntai AI chat assistant to your Storybook. It answers questions about your components from your own docs, in 80+ languages.

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

Transtyle exporter for Storybook chrome theming and preview composition (SB 8–9).

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

Shows which colors a story actually renders, ranked by how much of the component each one covers, with OKLCH values and contrast.

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

Switch between consumer-defined brands in Storybook

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

Storybook addon to copy component blocks to Storyblok CMS

Addon for Storybook with useful defaults and integration with Compositive.

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.