---
url: "/ko/emailify/elements/hero.md"
description: "배경 이미지와 콘텐츠 요소가 들어가는 단일 열 콘텐츠에는 Hero 섹션을 사용하세요."
---

# 히어로

> 배경 이미지와 콘텐츠 요소가 들어가는 단일 열 콘텐츠에는 Hero 섹션을 사용하세요.

**🦸 Hero** 요소는 자체 프레임 요소에 배경 이미지를 넣을 수 있는 특별한 유형의 콘텐츠 컨테이너예요.

> **Warning:** **Hero 레이어는 중첩할 수 없고 열을 포함할 수 없어요**. **🦸 Hero** 요소는 ✉️ **Email** 레이어 안에만 바로 추가할 수 있어요. **🦸 Hero** 요소는 다중 열 레이아웃을 지원하지 않기 때문에 **🏛️ Column** 레이어를 넣을 수 없어요. 대신 (**🚣 Row** 요소와 달리) **🏛️ Column** 레이어 없이 콘텐츠 레이어를 프레임 안에 바로 추가해요.

> **Tip:** **배경 이미지와 그라디언트 추가하기**. 🚣 **Row**, 🏛️ **Column**, 🦸 **Hero**, 🎁 **Wrapper** 레이어에 이미지나 그라디언트 배경 채우기를 추가할 수 있어요. 단, 원시 `mjml`, `loops` 내보내기에서는 여전히 Column 배경 이미지 속성이 빠져요.

## Hero 콘텐츠 요소 {#hero-content-elements}

🦸 **Hero** Figma 레이어를 선택하면 다음 옵션이 표시돼요.

- ✍️ [Text](/ko/emailify/elements/text)
- 📷 [Image](/ko/emailify/elements/image)
- 🔗 [Button](/ko/emailify/elements/button)
- 📐 [Spacer](/ko/emailify/elements/spacer)
- ➖ [Divider Line](/ko/emailify/elements/divider)
- 🧾 [Spreadsheet (Import)](/ko/emailify/elements/spreadsheet)
- 🪑 [Data Table](/ko/emailify/elements/table)
- 🍔 [Navigation Links](/ko/emailify/elements/navbar)
- 🐦 [Social](/ko/emailify/elements/social)
- 🎠 [Image Carousel](/ko/emailify/elements/carousel)

## “Quick Add” 기능으로 새 Emailify 레이어 추가하기 {#using-the-quick-add-feature-to-add-new-emailify-layers}

[Video](/assets/videos/emailify/element-contexts.mp4)

Emailify에서는 Figma 디자인에 레이어로 추가되는 특별한 레이아웃 블록과 콘텐츠 요소로 디자인을 만들고, 플러그인에서 HTML로 내보낼 수 있어요.

이런 레이아웃 블록과 콘텐츠 요소를 추가하려면 Emailify 프레임을 하나 이상 만든 다음 그 프레임을 클릭하세요. 그러면 플러그인 하단에 **Quick Add Element** 컨텍스트 메뉴가 자동으로 나타나요. 원하는 요소를 클릭하고 **Add +** 버튼을 클릭하면 선택한 레이어에 추가돼요.

> **Tip:** 컨텍스트 메뉴에서 사용할 수 있는 옵션은 현재 선택한 Figma 레이어에 따라 달라져요.