영상 튜토리얼: Figma에서 Mailgun Inspect로 HTML 이메일 내보내기

이 영상에서는 Figma Emailify 플러그인에서 Mailgun Inspect로 HTML 이메일 테스트를 업로드하는 방법을 보여 줘요.

Emailify에는 Figma에서 HTML 이메일 테스트를 바로 업로드할 수 있는 전용 Mailgun Inspect 연동 기능이 있어요. 이 기능은 Email on Acid 연동과도, Emailify의 Mailgun 발송 연동과도 별개예요.

시작하기 전에

다음이 필요해요.

• Inspect 이메일 미리보기를 사용할 수 있는 Mailgun 계정
• Mailgun 비공개 API 키
• Mailgun 계정에 연결된 리전: US 또는 EU

비공개 API 키는 Mailgun API Security 설정에서 복사할 수 있어요. Mailgun은 API 사용자 이름으로 api를, 비밀번호로 비공개 API 키를 사용해요.

비공개 API 키는 비밀번호처럼 다루세요. Figma 디자인, 이메일 콘텐츠, 공유할 파일에 붙여 넣지 마세요.

이메일 테스트 업로드하기

1. Figma에서 Emailify를 실행하고 테스트할 이메일 프레임을 선택하세요.
2. Export 패널을 여세요.
3. Upload For Testing 아래에서 Mailgun Inspect를 선택하세요.
4. 계정에 맞는 Mailgun 리전으로 US 또는 EU를 고르세요.
5. Mailgun 비공개 API 키를 붙여 넣으세요.
6. Send To Mailgun Inspect를 클릭하세요.
7. Mailgun 계정에 로그인해 생성된 이메일 미리보기를 검토하세요.

Emailify는 선택한 이메일마다 별도의 Mailgun Inspect 미리보기 테스트를 만들어요. 요청에는 생성된 HTML과 제목이 담기고, 계정에서 사용할 수 있는 미리보기 클라이언트는 Mailgun Inspect가 결정해요.

문제 해결

업로드에 실패하면 다음을 확인하세요.

• Mailgun 계정과 일치하는 리전을 선택했는지 확인하세요.
• 공개 검증 키가 아니라 현재 유효한 비공개 API 키를 사용하고 있는지 확인하세요.
• 사용 중인 Mailgun 플랜에 Inspect 이메일 미리보기가 포함되어 있는지 확인하세요.
• 이메일에 있는 원격 호스팅 이미지에 누구나 접근할 수 있는지 확인하세요.

Emailify 내보내기 확인 화면에 Mailgun Inspect가 반환한 오류가 표시돼요. 업로드에 실패해도 생성된 HTML 파일은 다운로드할 수 있어요.

관련 문서

• Mailgun Inspect(영어)
• Mailgun Inspect API 개요(영어)
• 발송 전 HTML 이메일 테스트
• Email on Acid 연동(영어)