---
url: "/pt/emailify/design/fluid-buttons.md"
description: "Deixe os Buttons fluidos no celular, ocupando toda a largura da Column, ou desative a opção para manter a largura do design no Figma (desktop)."
---

# Botões com largura fluida no celular

> Deixe os Buttons fluidos no celular, ocupando toda a largura da Column, ou desative a opção para manter a largura do design no Figma (desktop).

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

Por padrão, todas as camadas Button dos seus designs ficam fluidas no celular e se expandem até a largura da Column (de acordo com o tamanho da tela do celular em que o e-mail é aberto).

Você pode mudar esse comportamento no celular clicando na camada **Button**, depois no botão **Settings** no cabeçalho do plugin, e ativando ou desativando a opção **Full Width Button on Mobile**.

> **Note:** Se a largura do Button no design do Figma (desktop) passar de 300px, o botão será exportado automaticamente como fluido; caso contrário, o botão mais longo com largura fixa ultrapassaria a lateral do layout em telas menores.

> **Tip:** Se a própria camada Button estiver definida como **Fill container** no seu design do Figma, o Emailify também preserva no HTML exportado o alinhamento horizontal de Auto Layout do botão. Assim, você pode alinhar o texto à esquerda, ao centro ou à direita dentro de um botão de largura total mudando o alinhamento de Auto Layout do botão no Figma.

> **Tip:** Se uma variável ou um placeholder longo deixar o botão largo demais antes de ser substituído por um rótulo mais curto, defina a **camada de texto dentro do Button** como **Fixed width** e ative a opção **Truncate text** do Figma com **Max lines** definido como **1**. Siga as [etapas para dimensionar botões com placeholders](/pt/emailify/content/dynamic#keep-buttons-narrow-with-long-placeholder-text).

> **Tip:** Você pode [aplicar configurações em massa](/pt/emailify/design/settings#apply-settings-in-bulk) abrindo **Settings** e selecionando no Figma várias camadas do Emailify do mesmo tipo. Qualquer configuração que você alterar será aplicada a todas as camadas selecionadas.