Integrations

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

Catch design drift between Figma and Storybook before it ships.

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

Storybook addon for live design token integration with Tokens Studio

Addon for interactive CSS design token editing in Storybook

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

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.

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

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