Tutoriel vidéo : créer des composants personnalisés pour les exports d’emails HTML

Cette vidéo montre comment ajouter des composants personnalisés à vos designs d’email et exporter depuis Figma des emails HTML responsive prêts pour la production avec le plugin Emailify.

Si les composants de base fournis avec Emailify ne vous conviennent pas, vous pouvez créer vos propres composants personnalisés avec le créateur de composants intégré.

Cliquez sur l’onglet Custom dans l’en-tête des catégories de composants, puis sur le bouton Build New Custom Component + : le créateur de composants s’ouvre et vous permet de personnaliser la mise en page et les éléments de contenu de votre composant.

Lorsque la structure vous convient, cliquez sur le bouton Create & Insert New Component : le composant est ajouté à votre design d’email dans Figma et enregistré dans votre catégorie Custom pour une utilisation ultérieure.

Modifier et dupliquer vos composants personnalisés enregistrés

Pour modifier un composant personnalisé enregistré, cliquez sur le bouton d’icône Settings à côté de n’importe quel composant de l’onglet Custom de vos catégories de composants.

Vous pouvez enregistrer le composant modifié à la place de l’original en cliquant sur le bouton Update Saved Component : votre composant enregistré est mis à jour, sans affecter ni modifier les endroits où il est déjà utilisé dans votre design.

Vous pouvez aussi dupliquer votre composant d’origine et l’« enregistrer sous » un tout nouveau composant personnalisé en cliquant sur le bouton Create & Insert New Component : il est enregistré comme nouveau composant personnalisé dans votre liste, sans écraser le composant d’origine.

Supprimer un composant personnalisé enregistré

Vous pouvez aussi supprimer un composant personnalisé enregistré en cliquant sur le bouton d’icône Trash. Le composant enregistré est retiré des catégories Custom et Favourites, mais il n’est ni supprimé ni modifié aux endroits où il est déjà utilisé dans votre design.