Figma에서 이메일을 디자인하나요? Brew, Email Love, Emailify, Stripo가 프레임을 읽는 방식, 이후 편집하는 곳, HTML을 내보낼 수 있는 곳을 비교해요.
이 비교는 Brew가 직접 작성했어요. 2026년 9월 28일에 링크한 각 제품의 문서를 검토했어요. 문서를 비교한 결과이며, 모든 플랫폼을 직접 테스트했다는 뜻은 아니에요. 현재 요금제 한도는 각 업체의 요금 페이지에서 확인하세요.
디자이너가 Figma에서 제품 업데이트 이메일 프레임을 완성하고, 팀은 그날 오후에 바로 승인해요. 내보낸 HTML은 브라우저에서는 멀쩡해 보이는데, Outlook 테스트에서는 두 열 레이아웃이 깨져요. 다음 주에는 헤드라인 하나를 바꾸고 싶은 마케터가 디자이너가 Figma를 다시 열어 줄 때까지 기다려야 해요.
디자인을 Figma에서 한다면, 누군가 ESP를 열기 전에 이미 이메일은 만들어져 있어요. 남은 일은 프레임을 Outlook과 다크 모드에서도 제대로 렌더링되는 HTML로 바꾸고, 다음 사람이 어디서 편집할지 정하는 거예요.
도구는 두 가지 방식으로 나뉘어요. 하나는 Figma 플러그인으로, Figma 안에서 플러그인의 컴포넌트 시스템으로 디자인한 다음 내보내요. 다른 하나는 Figma 프레임을 가져와 편집 작업을 다른 앱으로 옮겨요. 이 가이드는 이 선택을 기준으로 네 가지 도구를 비교해요.
2026년 9월 28일에 각 업체의 공식 페이지를 다음 네 가지 기준으로 확인했어요.
| 도구 | 작업 시작점 | 이후 편집 위치 | 출력 형식과 내보낼 곳 | 요금 |
|---|---|---|---|---|
| Brew | node-id 매개변수가 포함된 모든 프레임 URL |
Brew 캔버스에서 직접 또는 프롬프트로 | HTML 또는 JSX, Brew에서 발송, 지원되는 이메일 플랫폼으로 템플릿 내보내기, HTML 복사 또는 다운로드 | Free 요금제, Growth 월 US$99 |
| Email Love | 내 Figma 레이어 또는 100개가 넘는 자체 컴포넌트 | Figma | MJML을 거쳐 HTML로 변환, 24개 플랫폼에 API로 내보내기, 그 밖의 플랫폼에는 파일로 내보내기 | Free 요금제(월 5회 내보내기), Starter 사용자당 월 US$19 |
| Emailify | Emailify 컴포넌트만 | Figma | 반응형 HTML, 40개 이상의 ESP로 내보내기 | Pro 월 US$49 |
| Stripo | HTML 또는 MJML 파일(Figma에서 직접 가져오기는 불가) | Stripo의 드래그 앤 드롭 에디터 | ESP로 내보내기 또는 HTML로 내보내기 | Free 요금제, Basic 월 US$20 |
Brew는 OAuth로 Figma에 연결해요. 채팅에 프레임 URL을 붙여 넣으면 Brew가 그 프레임을 이메일로 변환해요. Brew에 필요한 node-id 값이 URL에 포함되도록 Figma의 Copy link to selection 메뉴로 링크를 복사하세요. 가져오기는 선택한 프레임에서 시작해요. 연결을 승인할 때 표시되는 권한도 검토하세요.
Figma 가져오기 문서에 따르면 변환할 때 타이포그래피, 색상 값, 레이아웃 구조, 텍스트가 유지돼요. 변환은 AI 모델 없이 정해진 규칙대로 이뤄져서, 같은 프레임을 두 번 가져오면 결과도 똑같아요. 변환은 무료예요.
Figma 텍스트에 걸린 하이퍼링크는 유지돼요. URL이 연결되지 않은 버튼에는 # 링크가 들어가요. Brew는 이렇게 빠진 링크와, 프레임에서 정확히 변환하지 못한 다른 부분을 합한 warningCount 값을 돌려줘요. 첫 테스트 발송 전에 이 부분을 고치세요.
가져온 프레임은 일반 Brew 이메일이 돼요. 직접 또는 프롬프트로 편집하고, 템플릿으로 저장하고, 이후 생성의 참고 이메일로 쓰고, 이를 바탕으로 시안을 만들 수 있어요. 인증된 내 도메인에서 보내거나 다른 플랫폼으로 내보낼 수도 있어요. HTML과 스크린샷으로 가져오는 방법은 기존 디자인을 브랜드에 맞는 이메일로 바꾸는 방법에서도 다뤄요.
레이아웃은 디자이너가 Figma에서 책임지지만, 마케터는 Figma를 열지 않고 이메일을 고쳐야 하는 팀에게 Brew가 잘 맞아요.
Email Love는 Figma 레이어를 분석해 MJML로 변환하고, 이 MJML이 이메일에서 쓸 수 있는 HTML이 돼요. 100개가 넘는 자체 컴포넌트를 쓰거나 Figma 기본 도구로 디자인할 수 있어요. Growth 요금제에는 AI Studio가 추가되는데, Figma 디자인 시스템을 사용해 브리프로 템플릿을 생성해요.
Email Love는 Salesforce Marketing Cloud, Braze, Iterable, HubSpot, Klaviyo, Marketo, Customer.io를 포함한 24개 플랫폼과 API로 직접 연동하고, Loops, Shopify 등에는 파일로 내보내요. 무료 요금제에는 월 5회 내보내기가 포함돼요. Starter는 사용자당 월 US$19, Growth는 US$59에 이용할 수 있고, Professional은 연간 결제로 청구되며 최소 3명부터 이용할 수 있어요.
누가 이메일을 편집하든 Figma에서만 편집하도록 하고 싶은 디자인 팀에게 Email Love가 잘 맞아요.
Emailify는 Hypermatic의 Figma 플러그인이에요. 500개가 넘는 컴포넌트와 20개가 넘는 템플릿을 제공하고, Mailchimp, Klaviyo, HubSpot, Salesforce, SendGrid, Braze를 포함한 40개 이상의 이메일 플랫폼으로 반응형 HTML을 내보내요. 베타로 제공되는 AI Designer는 승인된 컴포넌트 라이브러리를 사용해 브리프로 이메일을 만들어요.
Emailify는 Emailify 컴포넌트로 만든 이메일만 내보내기 때문에, 기존 Figma 디자인은 먼저 이 컴포넌트로 다시 만들어야 해요. 새 이메일 시스템을 시작하는 팀이라면 컴포넌트가 이미 이메일 환경에 맞게 만들어져 있어 오히려 장점이 될 수 있어요. 완성된 프레임 라이브러리가 있는 팀에게는 추가 작업이에요. Emailify Pro는 월 US$49 또는 연 US$499에 이용할 수 있어요.
Stripo는 Figma 프레임을 직접 가져오지 않아요. HTML과 MJML 파일을 가져오고, Emailify에서 API를 통해 Stripo로 내보낼 수도 있어요. 디자인이 Stripo에 들어오면 AI Assistant와 Brand Kit을 갖춘 드래그 앤 드롭 에디터에서 편집한 다음, ESP로 내보내거나 HTML로 내보내요. 요금제는 Free, 월 US$20의 Basic, US$45의 Medium, US$125의 Pro가 있고, 상위 요금제일수록 월 내보내기 한도가 늘어나요.
디자이너가 아닌 사람이 비주얼 에디터에서 템플릿을 관리하고, 디자이너는 가끔만 작업을 넘기는 팀에게 Stripo가 잘 맞아요.
| 지금 작업 방식 | 먼저 살펴볼 도구 |
|---|---|
| 완성된 Figma 프레임이 있고, 카피는 나중에 마케터가 수정 | Brew |
| 편집은 Figma에서만, ESP는 여러 곳 사용 | Email Love |
| Figma에서 새 이메일 디자인 시스템을 시작 | Emailify |
| 마케터가 비주얼 에디터에서 템플릿 관리 | Stripo(HTML이나 Emailify로 디자인 가져오기) |
어떤 도구를 고르든 같은 디자인 규칙이 적용돼요.
test_email_rendering 도구 같은 미리보기 기능이 도움이 돼요. 최종 버전은 실제 받은편지함에서도 확인하세요.Brew와 Email Love에서는 직접 만든 프레임으로 시작할 수 있어요. Emailify에서는 디자인에 Emailify 컴포넌트를 써야 해요. 어떤 도구든 프레임이 이메일의 제약을 따를 때 결과가 가장 좋아요. 단일 열이나 단순한 다단 구성, 표준 너비를 쓰고, 이메일 클라이언트가 렌더링하지 못하는 효과는 피하세요.
거의 비슷하지만, 모든 받은편지함에서 똑같지는 않아요. 이메일 클라이언트마다 레이아웃을 다르게 렌더링하고, 다크 모드에서는 색상이 바뀔 수 있어요. 변환 결과는 출발점으로 삼고 실제 클라이언트에서 검토하세요.
Brew는 공유한 시점의 프레임을 가져와요. 문서에는 실시간 동기화에 대한 설명이 없어요. Figma에서 디자인이 바뀌면 프레임을 다시 가져오거나 Brew에서 이메일을 수정하세요.
네. Brew에서는 HTML을 복사하거나 내려받을 수 있고, Email Love는 HTML이나 MJML을, Emailify와 Stripo는 HTML을 내보내요.
실제 프레임으로 시험해 보려면 Brew에서 Figma를 연결하고, 프레임 URL 하나를 붙여 넣은 다음, 첫 테스트 발송 전에 가져온 링크를 확인하세요.
