Story.to.design
Synchronisieren Sie Storybook-Komponenten automatisch mit Figma und generieren Sie hochauflösende Designs mit automatischem Layout und Code-Snippets.
Punktzahl
50
Benutzerbewertung
1.0
Kostenlos/Test-Support
Nicht Unterstützt
Startpreis
149 $/Monat
Zuletzt Aktualisiert
Aug. 04, 2026
Überblick
Was ist Story.to.design?
story.to.design ist ein Tool, das Storybook, Backlight oder Histoire mit Figma verbindet und so die automatische Generierung und Synchronisierung von Figma-Komponenten aus Code ermöglicht. Es hilft, die Designkonsistenz aufrechtzuerhalten, indem Hunderte von Varianten mit Codeänderungen mit einem Klick aktualisiert werden.
Wofür wird Story.to.design verwendet?
Tags
Benutzergruppen
Top-Funktionen
- Generieren Sie Figma-Komponenten aus Storybook
- Auto-Layout und High-Fidelity-Ebenen
- Verschachtelte Komponenten importieren
- Stellen Sie Codeausschnitte für den Dev-Modus bereit
- Simulieren Sie Pseudozustände (Hover, Tap usw.)
- Mehrmarkenunterstützung mit Themen
- Reaktionsfähige Komponenten mit konfigurierbaren Haltepunkten
- Lokaler Modus für schnelle Iterationen
- Funktioniert mit HTML/CSS, React, Vue, Angular, Svelte, Schablone, Lit
Wie verwendet man Story.to.design?
Verbinden Sie Ihr Storybook, wählen Sie Komponenten und Varianten aus und generieren Sie sie dann in Figma. Nutzen Sie Funktionen wie visuelle Überprüfungen, den lokalen Modus für schnelle Iterationen und die Unterstützung mehrerer Marken, um die Designs mit dem Code in Einklang zu bringen.
Alternative Tools
Keine alternativen Tools gefunden
Vorteile & Nachteile
Vorteile
- Passt Design und Code nahtlos an
- Reduziert die manuelle Pflege von Varianten
- Unterstützt mehrere Frameworks und Marken
- Verbessert den Figma Dev-Modus mit Codeausschnitten
- Schnelle Updates mit visuellen Bewertungen
Nachteile
- Hauptsächlich für Teams, die Storybook und Figma verwenden
- Möglicherweise ist eine Einrichtung für den lokalen Modus erforderlich
Anwendungsfälle
- Teamübergreifende Pflege von Designsystemen
- Aktualisieren von Figma-Designs mit Codeänderungen
- Erstellen reaktionsfähiger Komponenten für mehrere Ansichtsfenster
- Unterstützung von Design-Workflows für mehrere Marken
Story.to.design Preise
Abonnement-Plan
Agency
0 $/MonatMaßgeschneiderte Preise für Ihren Bedarf
- 2+ Märchenbücher
- Unbegrenzte Benutzer
- Schnellere Bearbeitung
- Unbegrenzte Komponenten
- Legendäre Unterstützung
Team
149 $/MonatEine Lizenz für das gesamte Team
- 1 Märchenbuch
- Unbegrenzte Benutzer
- Schnellere Bearbeitung
- Unbegrenzte Komponenten
- Legendäre Unterstützung
Team
199 $/JahrEine Lizenz für das gesamte Team
- 1 Märchenbuch
- Unbegrenzte Benutzer
- Schnellere Bearbeitung
- Unbegrenzte Komponenten
- Legendäre Unterstützung
Benutzerbewertungen
1.0
von 5
1.0
Noch keine Bewertungen
Seien Sie der Erste, der dieses Tool bewertet!