Docs
AI
Addons
Showcase
Blog
Visual Test
Enterprise
89,827
Search docs
Get Started
Integrations
Integrate your tools with Storybook to connect workflows and unlock advanced features.
Add your integration
Categories
Popular
Essential
Code
Data & State
Test
Style
Design
Appearance
Organize
How to install addons
Create an addon
Design-tokens integrations
Swatchbook
Storybook addon for DTCG design tokens — toolbar, panel, and useToken hook.
3k
Downloads
@unpunnyfuns/swatchbook-blocks
Storybook MDX doc blocks for DTCG design tokens — TokenTable, ColorPalette, TypographyScale, TokenDetail.
3k
Downloads
@sxl-studio/storybook-addon
Storybook addon for SXL Studio — displays Figma Embed, component info and design token status for linked components
48
Downloads
CSS Tokens
Addon for interactive CSS design token editing in Storybook
29
Downloads
+ 11
Design token tables
Storybook addon for design token tables
42
Downloads
+ 1
Design Tokens
An addon for extracting Style Dictionary-friendly design tokens from a story.
3
Downloads
@tommyem/storybook-design-token
The Storybook Design Token Addon allows you to generate design token documentation from your stylesheets.
8
Downloads