이메일 본문 바깥을 둘러싸는 이메일 바깥쪽 배경색을 바꾸는 방법을 찾고 있다면, Figma 페이지 배경을 바꾸면 돼요. 이 색상이 Emailify에서 내보내는 모든 HTML의 이메일 본문 배경색으로 사용돼요.

레이아웃 레이어에 단색 배경 설정

이메일 디자인의 레이아웃 요소에 단색 배경을 설정하려면 Figma에서 레이어를 클릭하고, 레이어의 Figma 속성에서 Fill 패널 옆의 + 아이콘을 클릭해 채우기를 추가한 다음 Solid 채우기를 설정하세요. 플러그인에서 이메일을 HTML로 내보낼 때 이 채우기가 CSS 배경색으로 적용돼요.

Row, Column, Hero, Wrapper 레이어에 그라디언트 배경 설정

이메일 디자인의 Row, Column, Hero, Wrapper 레이아웃 요소에 그라디언트 배경을 설정하려면 Figma에서 레이어를 클릭하고, 레이어의 Figma 속성에서 Fill 패널 옆의 + 아이콘을 클릭해 채우기를 추가한 다음 Gradient 채우기를 설정하세요. 플러그인에서 이메일을 HTML로 내보낼 때 이 채우기는 배경 이미지로 적용돼요(CSS 그라디언트는 이메일 클라이언트에서 지원이 제한적이라 사용하지 않아요).

그라디언트 배경은 배경 이미지로 렌더링된다는 점에 유의하세요. Emailify 미리보기와 HTML 내보내기에서는 Row, Column, Hero, Wrapper 레이어에서 작동하지만, 원시 mjml 및 loops 내보내기에서는 여전히 Column 배경 이미지 속성이 빠져요.

텍스트 레이어에 단색 배경 설정

이메일 디자인의 텍스트 레이어에 단색 배경을 설정하려면 Settings 패널이 열린 상태에서 이메일의 Figma 텍스트 레이어를 선택하고, Text Background Color 입력 필드에 16진수 색상 값(예: #FFFBA8)을 붙여 넣으세요. 그러면 HTML 이메일에서 해당 텍스트 콘텐츠 뒤에 단색 배경이 자동으로 추가돼요.

원한다면 텍스트 레이어에 배경색을 설정하면서 텍스트 레이어에 안쪽 패딩 추가를 함께 사용할 수도 있어요. 텍스트 콘텐츠 주위에 여백이 생겨 배경 영역에도 패딩이 들어가요.