Keep your Figma
in a single click.
Generate and sync a full Figma library from Storybook.
work, more design time.
Variants generated so far
Connect Storybook to Figma in 3 steps
100+ components to create in Figma? Thousands of variations to maintain? story.to.design does all the work, generating your UI kit for you.
Don’t use Storybook? We also support Backlight.dev and soon custom servers, too!
Keep Figma in sync with Storybook,
no maintenance required
Get notified any time the code changes in Storybook and update your Figma designs in one click.
Generate design components that are true-to-code and updated with every code change.
Features our users love
What people are sayingTestimonials from users around the world.
Aligns design and code
“We want to align design and code and story.to.design looked like the perfect tool for us to use from the ground up.”
“I’m blown away... Exactly what I and many on my team have been looking for.”
“My team believes our code is the source-of-truth and that story.to.design can help our design process to realize this.”
Dag Frode Solberg
“The workflow is interesting, especially for teams with no designers or when they’re misaligned with development.”
“I didn’t know story.to.design would be that powerful.”
“story.to.design looks impressive to me.”
“It’s doing even more than I was expecting.”
“It’s so impressive to see the components coming through, I’m over the moon!”
“What div<Riots> is doing with story.to.design is really spot-on! The code to design approach is gutsy.”
$99 per month
$149 per month
One licence for the whole team.
- 1 design system
- For everybody on the team
- Faster processing
- Unlimited components
- Legendary support