Aviationstack ist eine skalierbare REST-API für Echtzeit-Flugverfolgung, historische Flugdaten, Flughafeninformationen und globale Luftfahrtdaten.
ab 49,99 €/Monat
Über Story.to.design
Was macht Story.to.design?
Story.to.design ist ein Entwicklungstool, das Code-Komponenten aus Storybook, Histoire.dev oder Backlight in hochauflösende Figma-Layer mit Auto-Layout umwandelt. Es eliminiert die manuelle Übergabe, indem es Designbibliotheken in Echtzeit mit Code-Änderungen synchronisiert.
Für wen ist es geeignet?
Entwickelt für Designsystem-Teams, Frontend-Entwickler und Produktdesigner, die Figma mit ihrer Codebasis synchron halten möchten. Nicht geeignet für Einzeldesigner oder Nicht-Entwickler, die kein Storybook oder ähnliche Story-Frameworks nutzen.
Anwendungsfälle aus der Praxis
Teams nutzen Story.to.design, um hunderte Komponenten mit tausenden Varianten in Minuten in Figma zu importieren, Hover-/Tap-/Fokus-Zustände zu simulieren, mehrere Marken-Designs zu verwalten und Designs nach jedem Code-Commit zu aktualisieren – ohne manuelle Nacharbeit.
Schlüsselfunktionen auf einen Blick
Das Tool unterstützt die Erkennung verschachtelter Komponenten, responsive Viewport-Erfassung, Multi-Brand-Theming über Storybook-Globals und lokalen Modus für schnelle Prototypen. Kompatibel mit React, Vue, Angular, Svelte und anderen Frameworks.
Wichtigste Funktionen
- Auto-Layout-Erzeugung – Erzeugt Figma-Layer mit Auto-Layout für konsistente, responsive Designs.
- Erkennung verschachtelter Komponenten – Verknüpft verschachtelte Komponenten automatisch für ein vollständiges UI-Kit.
- Storybook-Synchronisation – Figma mit einem Klick nach jedem Code-Update synchronisieren.
- Visuelle Überprüfungen – Änderungen vor dem Import prüfen, um Abstimmung sicherzustellen.
- Zustandssimulation – Automatische Simulation von Hover-, Tap-, Active- und Focus-Pseudozuständen.
- Multi-Brand-Unterstützung – Verschiedene Designs und Marken als separate Varianten oder Dateien importieren.
- Lokaler Modus – Verbindung mit Ihrem lokalen Storybook für schnelle Komponenteniterationen.
SaaSpartout-Score
7.3
/10
Redaktioneller Score nach unserer Review-Methodik — keine Nutzerbewertungen.
◆ KI-Berater — 30 Sekunden, ohne Anmeldung
Warum suchst du heute ein Testing-Tool?
Preise von Story.to.design
Preise von Story.to.design: Kostenloser Plan verfügbar. Abrechnungsmodell: Free.
Zum Vergleich: Der mediane Einstiegspreis in Entwickler-Tools liegt bei $19.99/Monat, gemessen an 301 Tools, die wir erfassen. Den vollständigen SaaS Pricing Index ansehen →
Kostenloser Plan
Starten Sie mit einer kostenlosen Testversion – keine Kreditkarte erforderlich. Beinhaltet grundlegende Komponentengenerierung und -synchronisation zur Evaluierung.
Pro-Plan
Für aktive Designsystem-Teams. Der Preis beginnt bei €87/Monat (jährliche Abrechnung). Beinhaltet unbegrenzte Komponenten, Varianten und Team-Kollaborationsfunktionen.
Hinweis: Genaue Preise für Unternehmen erhalten Sie auf Anfrage im Verkaufsgespräch.
Häufige Fragen
Was ist Story.to.design?
Story.to.design ist ein Tool, das Figma-Komponenten direkt aus Storybook-, Histoire.dev- oder Backlight-Code generiert und synchronisiert. Es überbrückt Design und Entwicklung, indem es Code-Komponenten in bearbeitbare Figma-Layer mit Auto-Layout umwandelt.
Hat Story.to.design einen kostenlosen Plan?
Ja, es gibt eine kostenlose Testversion – keine Kreditkarte erforderlich. Sie können Komponentengenerierung und -synchronisation testen, bevor Sie sich für einen kostenpflichtigen Plan entscheiden.
Wie viel kostet Story.to.design?
Die Preise beginnen mit einem kostenlosen Plan. Der Pro-Plan ist für €87/Monat bei jährlicher Abrechnung erhältlich. Kontaktieren Sie den Vertrieb für Unternehmenspreise.
Für wen ist Story.to.design am besten geeignet?
Am besten geeignet für Designsystem-Teams, Frontend-Entwickler und Produktdesigner, die Storybook nutzen und Figma mit Code synchron halten möchten. Nicht ideal für Teams ohne ein codebasiertes Designsystem.
Was sind die wichtigsten Alternativen zu Story.to.design?
Alternativen umfassen Figmas integrierten Dev-Mode (manuell), Supernova (Fokus auf Design-Tokens) und Build-Lösungen wie manuelle Komponentenspezifikation. Story.to.design ist einzigartig durch die automatische bidirektionale Synchronisation.
Funktioniert Story.to.design mit jedem Framework?
Ja, es funktioniert mit HTML/CSS, React, Vue, Angular, Svelte, Stencil, Lit – solange Sie Stories in Storybook haben, funktioniert es.
