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

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.

Catch design drift between Figma and Storybook before it ships.

Anima CLI for storybook

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

Export Storybook components to Locofy

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

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

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

Switch between consumer-defined brands in Storybook

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

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.

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.

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.