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

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

Anima CLI for storybook

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

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

View zeroheight documentation in your stories

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

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

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

Anima CLI for storybook

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

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

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

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.

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

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 to copy component blocks to Storyblok CMS

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

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

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.)