Addons

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 10 addon that renders Slack Block Kit JSON the way Slack would — decorator + panel + toolbar globals (surface/theme) + MDX doc block.

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

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

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

Anima CLI for storybook

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

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

Export Storybook components to Locofy

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.

Helix Storybook addon that shows component token lists in the manager UI

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

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

Catch design drift between Figma and Storybook before it ships.

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

Addon for Storybook with useful defaults and integration with Compositive.

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

Storybook addon to copy component blocks to Storyblok CMS

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.

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

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

Switch between consumer-defined brands in Storybook

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

Export a Storybook (docs pages and stories) into a single, print-friendly PDF with cover, table of contents, bookmarks and page numbers.