Apprenez à créer des composants de bouton réutilisables dans Figma qui fonctionnent parfaitement dans l'ensemble de votre système de design d'email. Ce tutoriel vous guide à travers la création de variantes de boutons, le nesting de composants et l'utilisation du plugin Email Love Figma pour optimiser votre flux de production d'emails.
Ce que vous apprendrez :
Comment créer des composants de bouton avec un espacement et un style cohérents
Configurer des variantes de boutons (différentes couleurs, styles, contours)
Nesting des composants de bouton dans votre système de design
Effectuer des mises à jour globales qui se répercutent sur tous les modèles
Enregistrer des boutons personnalisés dans le plugin Email Love Figma
Horodatages :
0:00 - Introduction
0:45 - Création de votre premier composant de bouton
2:25 - Comprendre l'espacement et l'échelle des boutons
4:05 - Configuration des variantes de boutons
5:36 - Utilisation de la bibliothèque d'actifs
7:02 - Application des boutons à votre système de design
9:14 - Enregistrement des boutons dans le plugin
Pourquoi c'est important :
Configurer des boutons en tant que composants Figma signifie que vous pouvez mettre à jour le style de votre bouton une fois et voir le changement partout dans votre système de design. Plus besoin de mettre à jour manuellement des dizaines de modèles d'emails lorsque vos directives de marque changent.
Ressources :
À propos d'Email Love :
Email Love aide les équipes marketing à concevoir des emails dans Figma et à les exporter en code prêt pour la production pour tout ESP (Iterable, Braze, Salesforce Marketing Cloud, HubSpot, Klaviyo, et plus). Nous combinons des outils de design puissants avec plus de 15 ans d'expertise en marketing par email.
Des questions ? Laissez un commentaire ci-dessous ou contactez-nous sur Discord.
Suivez Email Love :