Story.to.design
Sync Storybook components to Figma automatically, generating high-fidelity designs with auto-layout and code snippets.
Score
50
User Rating
1.0
Free/Trial Support
Not Supported
Starting Price
$149/month
Last Updated
Aug 04, 2026
Overview
What is Story.to.design?
story.to.design is a tool that connects Storybook, Backlight, or Histoire to Figma, enabling automatic generation and synchronization of Figma components from code. It helps maintain design consistency by updating hundreds of variants with code changes in a click.
What is Story.to.design used for?
Tags
User Groups
Top Features
- Generate Figma components from Storybook
- Auto-layout and high-fidelity layers
- Import nested components
- Provide code snippets for Dev Mode
- Simulate pseudo-states (hover, tap, etc.)
- Multi-brand support with themes
- Responsive components with configurable breakpoints
- Local mode for fast iterations
- Works with HTML/CSS, React, Vue, Angular, Svelte, Stencil, Lit
How to use Story.to.design?
Connect your Storybook, select components and variants, then generate them in Figma. Use features like visual reviews, local mode for fast iterations, and multi-brand support to keep designs aligned with code.
Alternative Tools
No alternative tools found
Pros & Cons
Pros
- Aligns design and code seamlessly
- Reduces manual maintenance of variants
- Supports multiple frameworks and brands
- Enhances Figma Dev Mode with code snippets
- Fast updates with visual reviews
Cons
- Primarily for teams using Storybook and Figma
- May require setup for local mode
Use Cases
- Maintaining design systems across teams
- Updating Figma designs with code changes
- Creating responsive components for multiple viewports
- Supporting multi-brand design workflows
Story.to.design Pricing
Subscription Plan
Team
$149/monthOne licence for the whole team
- 1 Storybook
- Unlimited users
- Faster processing
- Unlimited components
- Legendary support
Team
$199/yearOne licence for the whole team
- 1 Storybook
- Unlimited users
- Faster processing
- Unlimited components
- Legendary support
Agency
CustomTailor-made pricing for your need
- 2+ Storybooks
- Unlimited users
- Faster processing
- Unlimited components
- Legendary support
User Reviews
1.0
out of 5
1.0
No reviews yet
Be the first to review this tool!