이메일 디자인의 Row, Column, Wrapper, Hero 레이어에 배경 이미지를 추가하려면 Figma에서 레이어를 클릭하고, 레이어의 Figma 속성에서 Fill 패널 옆의 + 아이콘을 클릭한 다음 채우기 유형을 Image로 설정하세요. 위 예시는 Column 레이어에서 보여 주지만 Row, Wrapper, Hero 레이어에서도 같은 방법을 쓸 수 있어요. 플러그인에서 이메일을 HTML로 내보낼 때 이 이미지 채우기가 배경 이미지로 적용돼요.

배경 이미지와 콘텐츠 레이어의 대비를 높이려면 레이어의 배경 이미지 채우기 위에 반투명 색상을 하나 더 추가하세요(레이어의 Figma 속성에서 Fill 패널 옆의 + 아이콘 클릭). 새 Gradient 또는 Solid 채우기를 원하는 색상으로 설정한 다음 채우기 불투명도 퍼센트 값(예: 35)을 조정하세요.

배경 이미지와 그라디언트는 Emailify 미리보기와 HTML로 렌더링되는 내보내기에서 Row, Column, Wrapper, Hero 레이어에 지원돼요. 원시 mjml 또는 loops 결과물로 내보낸다면 그곳에서는 여전히 Column 배경 이미지 속성이 빠져요.

배경 이미지 뒤에 단색 대체 색상 설정

배경 이미지 뒤에 사용자 지정 대체 색상을 표시하고 싶다면(나중에 사용자의 이메일 클라이언트에서 이미지가 로드되는 동안이나, 이메일 클라이언트가 처음에 이미지 콘텐츠 렌더링을 차단할 때 보여요), 배경 이미지가 있는 Row, Column, Wrapper, Hero 레이어의 Fills에서 + 아이콘 버튼을 클릭해 단색을 하나 더 추가하세요. 고른 채우기 색상의 불투명도를 100%로 설정한 다음, Fills 목록의 맨 아래(배경 이미지 채우기 아래)로 끌어 옮기세요.