어떤 이유로든 이메일에 아주 구체적인 사용자 지정 CSS를 추가하거나 <head></head> 태그에 HTML을 넣어야 한다면, Emailify 플러그인에서 상위 이메일 컨테이너 Figma 프레임을 선택하고 Settings 버튼을 클릭한 다음 삽입할 코드를 필요한 대로 추가하면 돼요.

Add Mobile CSS Rules 필드에 입력한 CSS 규칙은 모바일 스타일용 @media 태그 안에 추가돼요. Figma 프레임 너비보다 작은 모든 화면 크기에 이 스타일이 적용돼요(이 영역에 적용하는 CSS 규칙에는 !important를 사용해야 해요).

Add Inline CSS Rules 필드는 지정한 HTML 선택자에 CSS 속성을 자동으로 인라인 처리해요(예: p { color: blue }를 추가하면 내보낸 HTML 이메일 코드의 모든 <p> 태그에 style="color: blue;"가 인라인으로 들어가요).

Add Head Tag HTML 필드에 작성한 HTML은 내보낸 HTML 이메일의 <head></head> 태그에 자동으로 삽입돼요. 이메일 마케팅 플랫폼에서 특수한 추적 태그나 HTML의 <head></head> 태그에 넣어야 하는 다른 HTML 태그를 추가할 수 있게 해 준다면 유용하게 쓸 수 있어요.

Emailify는 파일 크기를 최대한 줄이기 위해 HTML 내보내기를 자동으로 압축(minify)해요. 하지만 의사 클래스를 이용한 인터랙션 때문에 CSS 클래스가 바뀌면 안 되는 사용자 지정 코드를 추가한다면, 사용자 지정 CSS에 #interactive:checked 스타일 규칙을 하나 이상 넣어(예: #interactive:checked ~ .content { display: block; }) 압축을 건너뛸 수 있어요. 그러면 플러그인이 해당 이메일의 압축을 자동으로 꺼요.

Settings를 연 다음 Figma에서 같은 유형의 Emailify 레이어를 여러 개 선택하면 설정을 일괄 적용할 수 있어요. 변경한 설정은 선택한 모든 레이어에 적용돼요.