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
Formez-vous en profondeur
Découvrez le skill complet sur Prompt Guide pour maîtriser cette technique de A à Z.
Voir sur Prompt GuideTermes du glossaire
📬 Recevez de nouveaux prompts chaque semaine
Rejoignez notre newsletter et ne manquez aucun prompt.
Prompts similaires
Générer des mocks et fixtures pour vos tests automatisés
Un prompt pour générer automatiquement des mocks, stubs et fixtures de données réalistes adaptés à votre framework de test et vos cas d'usage.
Générer des tests unitaires automatiquement avec l'IA
Génère automatiquement une suite de tests unitaires exhaustive couvrant cas nominaux, cas limites et cas d'erreur pour n'importe quel code source.
Revue de code sécurité
Auditer le code pour les vulnérabilités de sécurité courantes
Analyser et optimiser la complexité algorithmique
Analysez la complexité Big O de vos algorithmes et optimisez-les avec des structures de données appropriées et des algorithmes plus efficaces.