Aviationstack est une API REST évolutive pour le suivi des vols en temps réel, les données de vol historiques, les informations aéroportuaires et les données aéronautiques mondiales.
à partir de 49,99 $/mois
À propos de Story.to.design
Que fait Story.to.design ?
Story.to.design est un outil développeur qui convertit des composants de code provenant de Storybook, Histoire.dev ou Backlight en calques Figma haute-fidélité avec auto-layout. Il élimine la transmission manuelle en synchronisant les bibliothèques de design avec les changements de code en temps réel.
À qui s'adresse-t-il ?
Conçu pour les équipes de systèmes de design, les développeurs frontend et les designers produit qui souhaitent garder Figma en phase avec leur code source. Il n'est pas destiné aux designers solo ou aux non-développeurs n'utilisant pas Storybook ou des frameworks d'histoires similaires.
Cas d'usage concrets
Les équipes utilisent Story.to.design pour importer des centaines de composants avec des milliers de variantes dans Figma en quelques minutes, simuler les états survol/appui/focus, gérer plusieurs thèmes de marque et mettre à jour les designs après chaque commit de code — sans retouche manuelle.
Capacités clés en un coup d'œil
Il prend en charge la détection de composants imbriqués, la capture de viewport responsive, le multi-thème via les globaux Storybook et le mode local pour un prototypage rapide. Compatible avec React, Vue, Angular, Svelte et d'autres frameworks.
Fonctionnalités clés
- Génération auto-layout — Génère des calques Figma avec auto-layout pour des designs cohérents et responsives.
- Détection de composants imbriqués — Lie automatiquement les composants imbriqués pour un kit UI complet.
- Synchronisation Storybook — Gardez Figma à jour en un clic après chaque mise à jour de code.
- Relectures visuelles — Vérifiez les mises à jour avant l'import pour garantir la conformité.
- Simulation d'états — Simule automatiquement les pseudo-états survol, appui, actif et focus.
- Support multi-marque — Importez différents thèmes et marques sous forme de variantes ou de fichiers séparés.
- Mode local — Connectez-vous à votre Storybook local pour une itération rapide des composants.
Score SaaSpartout
7.3
/10
Score éditorial issu de notre méthodologie d’évaluation — pas de notes d’utilisateurs.
◆ Conseiller IA — 30 secondes, sans inscription
Pourquoi cherchez-vous un outil Testing aujourd’hui ?
Tarifs de Story.to.design
Tarifs de Story.to.design : Plan gratuit disponible. Modèle de facturation : Free.
À titre de comparaison : le prix de départ médian dans Outils pour développeurs est de $19.99/mois, mesuré sur 301 outils que nous suivons. Voir le SaaS Pricing Index complet →
Plan gratuit
Commencez par un essai gratuit — aucune carte bancaire requise. Inclut la génération de base de composants et la synchronisation pour l'évaluation.
Plan Pro
Pour les équipes de systèmes de design actives. Le tarif démarre à 87 €/mois (facturé annuellement). Inclut des composants et variantes illimités, ainsi que des fonctionnalités de collaboration en équipe.
Remarque : Le tarif exact pour les entreprises est disponible sur demande auprès des ventes.
Questions fréquentes
Qu'est-ce que Story.to.design ?
Story.to.design est un outil qui génère et synchronise des composants Figma directement à partir du code Storybook, Histoire.dev ou Backlight. Il fait le pont entre le design et le développement en convertissant les composants de code en calques Figma modifiables avec auto-layout.
Story.to.design propose-t-il un plan gratuit ?
Oui, un essai gratuit est disponible — aucune carte bancaire requise. Il vous permet de tester la génération de composants et la synchronisation avant de choisir un plan payant.
Combien coûte Story.to.design ?
Le tarif démarre à partir d'un plan gratuit. Le plan Pro est disponible à 87 €/mois en facturation annuelle. Contactez les ventes pour les tarifs entreprise.
À qui Story.to.design convient-il le mieux ?
Il convient le mieux aux équipes de systèmes de design, aux développeurs frontend et aux designers produit qui utilisent Storybook et souhaitent garder Figma synchronisé avec le code. Il n'est pas idéal pour les équipes sans système de design basé sur le code.
Quelles sont les principales alternatives à Story.to.design ?
Les alternatives incluent le mode Dev intégré de Figma (manuel), Supernova (axé sur les jetons de design) et des solutions sur mesure comme la spécification manuelle des composants. Story.to.design est unique pour sa synchronisation automatisée bidirectionnelle.
Story.to.design fonctionne-t-il avec n'importe quel framework ?
Oui, il fonctionne avec HTML/CSS, React, Vue, Angular, Svelte, Stencil, Lit — si vous avez des stories dans Storybook, il fonctionne.
