이메일 디자인의 Row, Column, Hero, Wrapper 레이어에 Figma 이미지 채우기를 설정해 레이아웃에 배경 이미지를 추가할 수도 있어요.

컴퓨터에 있는 이미지를 Column으로 끌어다 놓기

Column 레이어에 인라인 콘텐츠 이미지를 추가하는 가장 빠른 방법은 컴퓨터에 있는 이미지 파일을 Figma로 끌어다 놓은 다음, 그 이미지 레이어를 Column 안으로 끌어다 넣는 거예요(필요하면 크기도 조정하세요).

Figma 파일에 이메일 디자인의 콘텐츠 이미지로 쓰고 싶은 이미지가 이미 있다면, 그 레이어를 Column 레이어 안으로 끌어다 놓아도 돼요.

플러그인 헤더의 Settings 버튼을 사용해 이미지에 대체 텍스트 속성을 설정하거나 클릭할 수 있는 URL 링크를 추가할 수 있어요.

다른 정적 레이어가 들어 있는 이미지 프레임을 Column에 추가

Column 레이어를 클릭하고 Quick Add 요소 메뉴의 드롭다운에서 Image 옵션을 선택한 다음 Add + 버튼을 클릭해도 이메일 디자인에 이미지 프레임을 추가할 수 있어요. 그러면 Figma의 Column 레이어 안에 새 이미지 프레임이 추가돼요.

이미지 프레임을 추가한 뒤 Figma에서 새 레이어를 클릭하고, Figma 오른쪽 열의 Fills 패널에서 이미지 채우기를 추가하면 이미지 채우기가 설정돼요.

이미지 프레임 안에 다른 레이어를 넣을 수도 있어요. 그러면 최종 HTML 내보내기에서 렌더링되는 하나의 정적 이미지 레이어에 자동으로 함께 포함돼요.

플러그인 헤더의 Settings 버튼을 사용해 이미지에 대체 텍스트 속성을 설정하거나 클릭할 수 있는 URL 링크를 추가할 수 있어요.