Addons

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

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

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

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

Storybook addon for live design token integration with Tokens Studio

Catch design drift between Figma and Storybook before it ships.

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.