Visit page story.to.design/

story.to.design | Generate Figma components from code

Created: May 12, 2025, 7:35 p.m. | Seen by us: May 15, 2025, 12:26 p.m.

meta description if known - Generate and sync full Figma components from Storybook, Backlight or Histoire. Storybook to Figma. Histoire to Figma.

Contact Information

Email: None

Phone: None

More Details

  • h1s:
    • Storybook to Figma
  • h2s:
    • 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).']
    • messages_good: []
  • searchengine_analysis:
    • score: 30
    • messages_bad: []
    • messages_good: ['Meta description tag found.', 'H1 tag(s) found.', 'Site uses HTTPS.']
  • meta_description_analysis: ok