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

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

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

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

긴 변수나 플레이스홀더 때문에 짧은 레이블로 바뀌기 전의 버튼이 너무 넓어진다면, Button 안의 텍스트 레이어를 Fixed width로 설정하고 Max lines를 1로 지정해 Figma의 Truncate text 옵션을 켜세요. 버튼 플레이스홀더 크기 조정 단계를 따라 해 보세요.

Settings를 연 다음 Figma에서 같은 유형의 Emailify 레이어를 여러 개 선택하면 설정을 일괄 적용할 수 있어요. 변경한 설정은 선택한 모든 레이어에 적용돼요.