Storybook-to-Figma
by 김민규
Import Storybook components from Chromatic directly into Figma as editable layers
Installs
31
Likes
11
Users
406
Views
1,099
Preview
About this plugin
Storybook to Figma lets you import your Storybook components hosted on Chromatic directly into Figma as fully editable vector layers.
✨ Features:• Browse all stories from your Chromatic Storybook• Select multiple components at once• Batch import with parallel processing for speed• Components are imported as editable Figma layers (not images)• Support for private projects with token authentication• Search and filter components easily🚀 How to use:
1. Enter your Chromatic Storybook URL2. Click "Load Stories" to browse components3. Select the components you want4. Click "Import Selected" - done!
Perfect for designers who want to use real components from their design system in Figma mockups.
Note: Currently supports Chromatic-hosted Storybooks only.
More software development plugins
View allBuilder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
by Steve Sewell
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
Anima: Convert Figma to HTML/CSS/React/Tailwind,Vibe code,DevMode Inspect/Run React/HTML,App builder
by Anima
Anima - AI Design to code, Vibe code, Vibe design
SkewDat
Paidby Unfold
Skew any layer or group with all layers preserved to edit.
Zeplin
Paidby Zeplin Crew
Design tools are for designing. Zeplin is for clear, structured design delivery.