Integrations

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 for design token tables

Addon for interactive CSS design token editing in Storybook

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

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

An addon for extracting Style Dictionary-friendly design tokens from a story.