---
url: "/es/emailify/design/padding.md"
description: "Ajusta el padding vertical y horizontal de tus capas de diseño de Emailify cambiando la propiedad 'Padding' del Auto Layout."
---

# Añadir padding a los diseños de tus emails

> Ajusta el padding vertical y horizontal de tus capas de diseño de Emailify cambiando la propiedad 'Padding' del Auto Layout.

## Añadir padding a tus capas de diseño {#adding-padding-to-your-layout-layers}

[Video](/assets/videos/emailify/design/adding-layout-padding.mp4)

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.

> **Warning:** 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 {#adding-outer-padding-around-multiple-row-layers}

[Video](/assets/videos/emailify/design/adding-outer-wrapper-padding.mp4)

Si quieres añadir padding alrededor de varias filas, puedes añadir a tu email una capa de diseño especial [Wrapper](/es/emailify/design/wrappers). 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 {#adding-inner-padding-to-your-text-layers}

[Video](/assets/videos/emailify/design/text-padding.mp4)

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.

> **Tip:** 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 {#adding-inner-padding-to-your-divider-line-layers}

[Video](/assets/videos/emailify/design/divider-padding.mp4)

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.

> **Tip:** 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.