🚣 Row 요소는 Emailify ✉️ Email 프레임 안의 가장 기본적인 구성 요소예요. 기본 이메일 프레임 안에만 바로 추가할 수 있고, 🏛️ Content 요소를 담는 컨테이너로만 사용해요.
Row는 중첩할 수 없어요. 🚣 Row 레이어는 ✉️ Email 프레임에만 바로 추가할 수 있고, 안에는 🏛️ Column 레이어만 하나 이상 넣을 수 있어요.
배경 이미지와 그라디언트 추가하기. 🚣 Row, 🏛️ Column, 🦸 Hero, 🎁 Wrapper 레이어에 이미지나 그라디언트 배경 채우기를 추가할 수 있어요. 단, 원시 mjml, loops 내보내기에서는 여전히 Column 배경 이미지 속성이 빠져요.
Content Row 요소
🚣 Row Figma 레이어를 선택하면 다음 옵션이 표시돼요.
“Quick Add” 기능으로 새 Emailify 레이어 추가하기
Emailify에서는 Figma 디자인에 레이어로 추가되는 특별한 레이아웃 블록과 콘텐츠 요소로 디자인을 만들고, 플러그인에서 HTML로 내보낼 수 있어요.
이런 레이아웃 블록과 콘텐츠 요소를 추가하려면 Emailify 프레임을 하나 이상 만든 다음 그 프레임을 클릭하세요. 그러면 플러그인 하단에 Quick Add Element 컨텍스트 메뉴가 자동으로 나타나요. 원하는 요소를 클릭하고 Add + 버튼을 클릭하면 선택한 레이어에 추가돼요.
컨텍스트 메뉴에서 사용할 수 있는 옵션은 현재 선택한 Figma 레이어에 따라 달라져요.
행을 HTML 대신 이미지로 렌더링하기
어떤 이유로든 특정 행을 서식 있는 텍스트나 HTML 콘텐츠 대신 전체 너비 이미지로 렌더링하고 싶다면, 설정 패널을 연 상태에서 Emailify 컨테이너 프레임의 행을 클릭한 다음 Render section as an image (instead of HTML) 토글을 클릭하세요.
플러그인의 HTML 미리보기 기능으로 이미지 렌더링 결과를 시각적으로 확인할 수 있어요.