Keep your Figma
in a single click.
Generate and sync full Figma components from
Variants generated so far
Connect your stories 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.
Connect your Storybook, Backlight or Histoire
Select components and variants
Generate components in Figma
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.
Review changes visually
Review your Storybook updates visually before bringing them into Figma, for design and code that's always aligned.
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