🦸 Hero 요소는 자체 프레임 요소에 배경 이미지를 넣을 수 있는 특별한 유형의 콘텐츠 컨테이너예요.
Hero 레이어는 중첩할 수 없고 열을 포함할 수 없어요. 🦸 Hero 요소는 ✉️ Email 레이어 안에만 바로 추가할 수 있어요. 🦸 Hero 요소는 다중 열 레이아웃을 지원하지 않기 때문에 🏛️ Column 레이어를 넣을 수 없어요. 대신 (🚣 Row 요소와 달리) 🏛️ Column 레이어 없이 콘텐츠 레이어를 프레임 안에 바로 추가해요.
배경 이미지와 그라디언트 추가하기. 🚣 Row, 🏛️ Column, 🦸 Hero, 🎁 Wrapper 레이어에 이미지나 그라디언트 배경 채우기를 추가할 수 있어요. 단, 원시 mjml, loops 내보내기에서는 여전히 Column 배경 이미지 속성이 빠져요.
Hero 콘텐츠 요소
🦸 Hero Figma 레이어를 선택하면 다음 옵션이 표시돼요.
- ✍️ Text
- 📷 Image
- 🔗 Button
- 📐 Spacer
- ➖ Divider Line
- 🧾 Spreadsheet (Import)
- 🪑 Data Table
- 🍔 Navigation Links
- 🐦 Social
- 🎠 Image Carousel
“Quick Add” 기능으로 새 Emailify 레이어 추가하기
Emailify에서는 Figma 디자인에 레이어로 추가되는 특별한 레이아웃 블록과 콘텐츠 요소로 디자인을 만들고, 플러그인에서 HTML로 내보낼 수 있어요.
이런 레이아웃 블록과 콘텐츠 요소를 추가하려면 Emailify 프레임을 하나 이상 만든 다음 그 프레임을 클릭하세요. 그러면 플러그인 하단에 Quick Add Element 컨텍스트 메뉴가 자동으로 나타나요. 원하는 요소를 클릭하고 Add + 버튼을 클릭하면 선택한 레이어에 추가돼요.
컨텍스트 메뉴에서 사용할 수 있는 옵션은 현재 선택한 Figma 레이어에 따라 달라져요.