Añadir padding a tus capas de diseño
Para definir la altura de tus capas de diseño y el espacio que dejan arriba o abajo, ajusta la propiedad Vertical Padding del Auto Layout en Figma.
Para definir el ancho del contenido interior de tus capas de diseño y el espacio que dejan a la izquierda o a la derecha, ajusta la propiedad Horizontal Padding del Auto Layout en Figma.
Usa siempre Padding para definir la altura de cualquier capa Row o Column (con la propiedad de altura del Auto Layout de la capa en Hug). Las alturas Fixed de Figma no se trasladan al HTML final, porque en HTML la altura de los elementos depende del tamaño de su contenido (más el padding superior e inferior). Por eso, usar Padding es la forma más fiable de diseñar visualmente tus emails para exportarlos a HTML.
Añadir padding exterior alrededor de varias capas Row
Si quieres añadir padding alrededor de varias filas, puedes añadir a tu email una capa de diseño especial Wrapper. Haz clic en tu frame de Emailify, selecciona Row Wrapper en las opciones del menú desplegable Quick Add y haz clic en Add + para insertarla en tu email como una capa nueva de Figma.
Cuando hayas añadido el Wrapper a tu diseño, puedes mover tus Rows a la nueva capa Wrapper y ajustar las propiedades Horizontal Padding y Vertical Padding del Auto Layout en Figma para crear un padding exterior alrededor de las capas Row que hay dentro del Wrapper.
Añadir padding interior a tus capas de texto
Si quieres, puedes añadir padding interior al texto. Selecciona una capa de texto de Figma de tu email con el panel Settings abierto, activa la opción Inner Padding y añade los valores de padding que quieras aplicar a la capa de texto seleccionada.
Así se añade un padding "interior" extra dentro de tu capa de texto al renderizarla en HTML, y puedes indicar valores de padding para ciertas capas de texto de tu Column sin afectar a otras capas.
También puedes sobrescribir el padding de cualquier capa de texto en móvil. Activa la opción Mobile Padding y añade los valores de padding que quieras aplicar a la capa de texto seleccionada; solo se verán al abrir tu email HTML en móvil.
Añadir padding interior a tus capas de línea divisoria
Si quieres, puedes añadir padding interior a tus divisores. Selecciona una capa de divisor de Emailify de tu email con el panel Settings abierto, activa la opción Inner Padding y añade los valores de padding que quieras aplicar a la capa de divisor seleccionada.
Así se añade un padding "interior" extra dentro de tu capa de divisor al renderizarla en HTML, y puedes indicar valores de padding para ciertas capas de tu Column sin afectar a otras capas.
También puedes sobrescribir el padding de cualquier capa de divisor de Emailify en móvil. Activa la opción Mobile Padding y añade los valores de padding que quieras aplicar a la capa de divisor seleccionada; solo se verán al abrir tu email HTML en móvil.