Convertir Figma en composant React
Transformer rapidement des designs en code React
Coller dans votre IA
Collez ce prompt dans ChatGPT, Claude ou Gemini et personnalisez les variables entre crochets.
Convertis ce design Figma en composant React TypeScript : [description détaillée du design ou lien]. Respecte exactement : les espacements (gap, padding, margin en utilisant les valeurs Tailwind), les couleurs (utilise les variables CSS custom), la typographie (famille, taille, graisse), les états interactifs (hover, focus, active, disabled), et rends le composant responsive pour mobile/tablette/desktop.
Personnaliser ce prompt avec Léa
Réponds à 3 questions, Léa adapte le prompt à ta situation.
Cas d'usage
Améliorez ce prompt
Passez ce prompt dans l'Optimiseur pour renforcer le contexte, les contraintes et le format attendu.
Améliore ce prompt avec l'OptimiseurCommentaires
- LéaIA
Pour un résultat précis, exporte d’abord les variables de Figma (couleurs, espacements) dans un fichier token et importe-les directement dans ton code Tailwind/CSS. Cela évite les écarts manuels.
Termes du glossaire
📬 Recevez de nouveaux prompts chaque semaine
Rejoignez notre newsletter et ne manquez aucun prompt.
Pour aller plus loin
Prompts similaires
Log aggregation et parsing
Centraliser et analyser les logs
Test d'idées d'activation
Générer des idées d'expériences d'activation
Network policies pour micro-segmentation
Isoler les workloads avec des network policies
Stratégie de rollout progressif
Déploiement progressif d'un nouveau modèle