---
url: "/es/emailify/design/fluid-buttons.md"
description: "Haz que los Button sean fluidos en móvil y ocupen todo el ancho de su Column, o mantén el mismo ancho que en el diseño de escritorio de Figma."
---

# Botones de ancho fluido en móvil

> Haz que los Button sean fluidos en móvil y ocupen todo el ancho de su Column, o mantén el mismo ancho que en el diseño de escritorio de Figma.

[Video](/assets/videos/emailify/design/full-width-mobile-button.mp4)

De forma predeterminada, todas las capas Button de tus diseños son fluidas en móvil y se expanden hasta el ancho de la Column (según el tamaño de la pantalla del dispositivo móvil en el que se vea el email).

Puedes cambiar este comportamiento en móvil haciendo clic en tu capa **Button**, luego en **Settings** en la cabecera del plugin, y activando o desactivando la opción **Full Width Button on Mobile**.

> **Note:** Si el ancho de tu Button en el diseño de Figma (escritorio) supera los 300px, el botón se exportará automáticamente como fluido; si no, un botón de ancho fijo más largo se saldría por los lados del diseño en pantallas más pequeñas.

> **Tip:** Si tu propia capa Button está configurada como **Fill container** en tu diseño de Figma, Emailify también conservará en el HTML exportado la alineación horizontal del Auto Layout del botón. Así, puedes alinear el texto a la izquierda, al centro o a la derecha dentro de un botón de ancho completo cambiando la alineación del Auto Layout del botón en Figma.

> **Tip:** Si una variable o un marcador de posición largo hace que tu botón quede demasiado ancho antes de sustituirse por un texto más corto, configura la **capa de texto dentro del Button** como **Fixed width** y activa la opción **Truncate text** de Figma con **Max lines** en **1**. Sigue los [pasos para ajustar el tamaño de botones con marcadores de posición](/es/emailify/content/dynamic#keep-buttons-narrow-with-long-placeholder-text).

> **Tip:** Puedes [aplicar ajustes en bloque](/es/emailify/design/settings#apply-settings-in-bulk) abriendo **Settings** y seleccionando en Figma varias capas de Emailify del mismo tipo. Cualquier ajuste que cambies se aplicará a todas las capas seleccionadas.