Tutoriel vidéo : importer des tableurs dans des tableaux pour emails HTML dans Figma

Cette vidéo montre comment générer automatiquement, avec le plugin Emailify, des tableaux pour emails HTML dans Figma à partir de fichiers XLSX/CSV ou de Google Sheets.

L’option 🧾 Spreadsheet vous permet d’importer les données d’un tableur CSV/XLSX et de les transformer automatiquement en tableau HTML de plusieurs lignes et colonnes. Vous pouvez ajouter des lignes ou des colonnes en copiant-collant les calques Figma de ligne et/ou de cellule de tableau créés au départ.

Notez que le 🧾 Spreadsheet s’affiche de la même façon sur desktop et sur mobile : surveillez donc la largeur de votre tableau si vous ajoutez plus de deux ou trois colonnes.

Ajouter de nouveaux calques Emailify avec « Quick Add »

Emailify vous permet de construire vos designs avec des blocs de mise en page et des éléments de contenu spéciaux, ajoutés comme calques à vos designs Figma, puis exportés en HTML depuis le plugin.

Pour ajouter ces blocs de mise en page et éléments de contenu, assurez-vous d’avoir créé au moins un frame Emailify, puis cliquez sur ce frame pour afficher automatiquement le menu contextuel Quick Add Element en bas du plugin. Cliquez ensuite sur l’élément voulu, puis sur le bouton Add + pour l’ajouter au calque sélectionné.

Les options proposées dans le menu contextuel changent selon le calque sélectionné dans Figma.