Storybook Description Sync
Sync Storybook docs with Figma components via your API—fast, consistent, and effortless.
Plugin Preview
About this plugin
Sync component descriptions between Figma and Storybook
Keep design and documentation in sync. This plugin syncs component descriptions between Figma and Storybook, so your Storybook docs stay aligned with your Figma designs.
Features:
- Bidirectional sync: Sync descriptions from Figma to Storybook or from Storybook to Figma
- Automatic linking: Adds Figma design links to Storybook docs (after the first paragraph)
- Format support: Works with CSF (.stories.js/ts) and MDX files
- Smart matching: Matches components by name
- Remote API: Uses a remote API for file access (no local CLI required)
How it works:
- Select a component in Figma
- Choose sync direction (Figma → Storybook or Storybook → Figma)
- The plugin updates descriptions and adds design links
Perfect for design systems where Figma components and Storybook documentation need to stay aligned.
Plugin Details
| Version | 2 |
|---|---|
| Created | January 28, 2026 |
| Last Updated | January 28, 2026 |
| Category | Software development |
| Creator | Pim Dieks |
| Stats | 0 installs, 0 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Network Access:
The plugin syncs Storybook docs via a user-configured remote API endpoint.
- Editor Types:figma
- Allowed Domains:
- *
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
SkewDat
Skew any layer or group with all layers preserved to edit.