---
url: "/ko/emailify/design/fluid-buttons.md"
description: "디자인의 Button 요소를 모바일에서 유동 너비로 설정해 항상 Column 전체 너비로 늘어나게 하거나, 이 설정을 꺼서 Figma/데스크톱 디자인과 같은 너비를 유지할 수 있어요."
---

# 모바일에서 유동 너비 버튼 설정하기

> 디자인의 Button 요소를 모바일에서 유동 너비로 설정해 항상 Column 전체 너비로 늘어나게 하거나, 이 설정을 꺼서 Figma/데스크톱 디자인과 같은 너비를 유지할 수 있어요.

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

기본적으로 디자인의 모든 Button 레이어는 모바일에서 유동 너비로 설정되어, 이메일을 보는 모바일 기기의 화면 크기에 따라 Column 너비만큼 늘어나요.

모바일에서의 이 동작을 바꾸려면 **Button** 레이어를 클릭하고 플러그인 헤더의 **Settings** 레이어를 클릭한 다음, **Full Width Button on Mobile** 토글을 켜거나 끄세요.

> **Note:** Figma(데스크톱) 디자인에서 Button 너비가 300px를 넘으면 버튼은 자동으로 유동 너비로 내보내져요. 그러지 않으면 긴 고정 너비 버튼이 작은 화면에서 레이아웃 밖으로 삐져나오기 때문이에요.

> **Tip:** Figma 디자인에서 Button 레이어 자체를 **Fill container**로 설정하면, Emailify는 내보낸 HTML에서도 버튼의 가로 Auto Layout 정렬을 유지해요. 즉, Figma에서 버튼의 Auto Layout 정렬을 바꿔 전체 너비 버튼 안의 버튼 텍스트를 왼쪽, 가운데, 오른쪽으로 정렬할 수 있어요.

> **Tip:** 긴 변수나 플레이스홀더 때문에 짧은 레이블로 바뀌기 전의 버튼이 너무 넓어진다면, **Button 안의 텍스트 레이어**를 **Fixed width**로 설정하고 **Max lines**를 **1**로 지정해 Figma의 **Truncate text** 옵션을 켜세요. [버튼 플레이스홀더 크기 조정 단계](/ko/emailify/content/dynamic#keep-buttons-narrow-with-long-placeholder-text)를 따라 해 보세요.

> **Tip:** **Settings**를 연 다음 Figma에서 같은 유형의 Emailify 레이어를 여러 개 선택하면 [설정을 일괄 적용](/ko/emailify/design/settings#apply-settings-in-bulk)할 수 있어요. 변경한 설정은 선택한 모든 레이어에 적용돼요.