Generate and sync full Figma components from your code. Works with Storybookstorybook-logo/defaultCreated with Sketch.&Histoire.dev
Connect your stories to Figma in 3 steps
Keep Figma in sync with Storybook, no maintenance required
Features our users love
What people are saying
Pricing
Get started with story.to.design
h3s:
1
2
3
Aligns design and code
Joshua Hailpern
Mind-blowing
Quentin Renard
Single source-of-truth
Dag Frode Solberg
Interesting workflow
Laís Kantor
Powerful
Alfredo Perez
Impressive
Marija Silinska
Exceeds expectations
Amanda Bloomfield
So impressive
Brent Schneider
Spot-on
Magnus Brodén
title:
story.to.design | Generate Figma components from code
emails:
gliner:
city: []
state: []
street: []
country: []
postcode: []
robots:
None
keywords:
None
og_title:
story.to.design | Generate Figma components from code
addresses:
canonical:
https://story.to.design
text_size:
4483
rta_rating:
None
h1_analysis:
short
h2_analysis:
7 found
og_site_name:
story.to.design | Generate Figma components from code
url_analysis:
phone_numbers:
summary_issues:
canonical: points elsewhere
h1: short
Viewport tag found, but content differs from recommended: 'width=device-width'
No obvious responsive CSS (@media, max/min-width) detected in HTML source (may be in external CSS).
title_analysis:
ok
meta_description:
Generate and sync full Figma components from Storybook, Backlight or Histoire. Storybook to Figma. Histoire to Figma.
canonical_analysis:
points elsewhere
responsive_analysis:
score: 0
messages_bad: ["Viewport tag found, but content differs from recommended: 'width=device-width'", 'No obvious responsive CSS (@media, max/min-width) detected in HTML source (may be in external CSS).']