Le calque d’élément 🪑 Data Table vous permet d’afficher du contenu dans un 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.

Par défaut, le 🪑 Data Table 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.

Pour les tableaux compacts d’icônes et de texte ou les lignes de type liste à cocher, sélectionnez le calque 🪑 Data Table principal, ouvrez Settings, activez Mobile Alignment et choisissez Center pour centrer la structure même du tableau sur mobile, plutôt que de compter sur le padding gauche ou droit. L’espacement entre icônes et texte du tableau est ainsi conservé, tandis que le contenu groupé est centré.

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.