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

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

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

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

Catch design drift between Figma and Storybook before it ships.

Storybook addon for live design token integration with Tokens Studio

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.

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