Story.to.design
Synchronisez automatiquement les composants Storybook avec Figma, générant des conceptions haute fidélité avec mise en page automatique et extraits de code.
Score
50
Évaluation Utilisateur
1.0
Support Gratuit/Essai
Non Pris en Charge
Prix de Démarrage
149 $US/mois
Dernière Mise à Jour
août 04, 2026
Aperçu
Qu'est-ce que Story.to.design ?
story.to.design est un outil qui connecte Storybook, Backlight ou Histoire à Figma, permettant la génération et la synchronisation automatiques des composants Figma à partir du code. Il permet de maintenir la cohérence de la conception en mettant à jour des centaines de variantes avec des modifications de code en un clic.
À quoi sert Story.to.design ?
Tags
Groupes d'Utilisateurs
Fonctionnalités Principales
- Générer des composants Figma à partir de Storybook
- Mise en page automatique et calques haute fidélité
- Importer des composants imbriqués
- Fournir des extraits de code pour le mode Dev
- Simuler des pseudo-états (survol, tapotement, etc.)
- Prise en charge multimarque avec des thèmes
- Composants réactifs avec points d'arrêt configurables
- Mode local pour des itérations rapides
- Fonctionne avec HTML/CSS, React, Vue, Angular, Svelte, Stencil, Lit
Comment utiliser Story.to.design ?
Connectez votre Storybook, sélectionnez les composants et les variantes, puis générez-les dans Figma. Utilisez des fonctionnalités telles que les révisions visuelles, le mode local pour des itérations rapides et la prise en charge multimarque pour que les conceptions restent alignées sur le code.
Outils Alternatifs
Aucun outil alternatif trouvé
Avantages & Inconvénients
Avantages
- Aligne la conception et le code de manière transparente
- Réduit la maintenance manuelle des variantes
- Prend en charge plusieurs frameworks et marques
- Améliore le mode de développement Figma avec des extraits de code
- Mises à jour rapides avec des critiques visuelles
Inconvénients
- Principalement pour les équipes utilisant Storybook et Figma
- Peut nécessiter une configuration pour le mode local
Cas d'Utilisation
- Maintenir les systèmes de conception dans les équipes
- Mise à jour des conceptions Figma avec les modifications de code
- Création de composants réactifs pour plusieurs fenêtres
- Prise en charge des flux de conception multimarques
Tarifs de Story.to.design
Plan d'Abonnement
Agency
0 $US/moisUne tarification sur mesure pour votre besoin
- 2+ livres d'histoires
- Utilisateurs illimités
- Traitement plus rapide
- Composants illimités
- Un soutien légendaire
Team
149 $US/moisUne licence pour toute l'équipe
- 1 livre d'histoires
- Utilisateurs illimités
- Traitement plus rapide
- Composants illimités
- Un soutien légendaire
Team
199 $US/annéeUne licence pour toute l'équipe
- 1 livre d'histoires
- Utilisateurs illimités
- Traitement plus rapide
- Composants illimités
- Un soutien légendaire
Avis Utilisateurs
1.0
sur 5
1.0
Aucun avis pour le moment
Soyez le premier à évaluer cet outil !