Par défaut, tous les calques Button de vos designs sont fluides sur mobile et s’étendent sur la largeur de la Column (selon la taille de l’écran de l’appareil mobile sur lequel l’email est consulté).

Pour modifier ce comportement sur mobile, cliquez sur votre calque Button, puis sur le calque Settings dans l’en-tête du plugin, et activez ou désactivez l’option Full Width Button on Mobile.

Si la largeur de votre Button dans le design Figma (desktop) dépasse 300px, le bouton est automatiquement exporté en largeur fluide ; sinon, ce bouton plus long à largeur fixe déborderait sur le côté de la mise en page sur les petits écrans.

Si votre calque Button est lui-même réglé sur Fill container dans votre design Figma, Emailify conserve aussi l’alignement horizontal de l’Auto Layout du bouton dans le HTML exporté. Vous pouvez ainsi aligner à gauche, centrer ou aligner à droite le texte d’un bouton pleine largeur en modifiant l’alignement de l’Auto Layout du bouton dans Figma.

Si une variable ou un texte provisoire long rend votre bouton trop large avant d’être remplacé par un libellé plus court, réglez le calque de texte dans le Button sur Fixed width et activez l’option Truncate text de Figma avec Max lines réglé sur 1. Suivez les étapes de dimensionnement des boutons avec texte provisoire.

Vous pouvez appliquer des réglages en masse : ouvrez Settings, puis sélectionnez dans Figma plusieurs calques Emailify du même type. Chaque réglage que vous modifiez s’applique alors à tous les calques sélectionnés.