Figma용 Klaviyo 플러그인을 사용합니다.
학습 내용
Figma용 Klaviyo 플러그인을 설치하고, Klaviyo 계정을 연결하고, Figma에서 Klaviyo 이미지 라이브러리로 직접 디자인을 내보내는 방법을 알아보세요. 그러면 캠페인, 플로우 및 템플릿에서 사용할 수 있습니다.
시작하는 주요 단계는 다음과 같습니다.
- Figma에 Klaviyo 플러그인을 설치합니다.
- Klaviyo 계정을 연결합니다.
- 프레임 또는 레이어 배치를 Klaviyo 이미지 라이브러리로 내보냅니다.
시작하기 전에 알아야 할 것
필요한 사항은 다음과 같습니다.
- 이미지를 관리할 수 있는 권한이 있는 Klaviyo 계정입니다.
- Figma 데스크톱 앱 또는 브라우저 편집기가 있는 Figma 계정입니다.
플러그인을 설치합니다.
- Figma에서 디자인 파일을 엽니다.
- 플러그인 메뉴를 열고 Figma 커뮤니티에서 'Klaviyo'를 검색합니다.
- 플러그인을 실행합니다. 처음 열면 계정 연결 버튼이 있는 환영 이메일 화면이 표시됩니다.
Klaviyo 계정을 연결합니다.
- 플러그인에서 계정 연결을 클릭합니다. 브라우저에 Klaviyo 인증 페이지가 열립니다.
- Klaviyo에 로그인하고(아직 로그인하지 않은 경우), 연결할 계정을 선택하고 요청된 액세스를 승인합니다.
- Figma로 돌아갑니다. 플러그인이 연결을 자동으로 감지하고 설정 탭에 계정을 표시합니다.
브라우저 창이 열리지 않거나 실수로 닫은 경우 버튼을 다시 클릭하여 인증 페이지를 다시 엽니다. 2분 이내에 승인을 완료하지 않으면 플러그인이 대기를 중지하고 다시 시도하도록 요청합니다.
디자인을 Klaviyo로 내보냅니다.
- Figma 캔버스에서 프레임 또는 레이어를 선택합니다. 플러그인의 내보내기 탭에는 미리보기와 디자인의 치수가 표시됩니다.
- 파일 이름을 설정합니다(선택 사항). 비워 두면 레이어 이름이 사용됩니다.
- 크기(예: 1x, 2x 또는 고정 너비)와 형식(PNG 또는 JPG)을 선택합니다.
- 계정이 두 개 이상 연결되어 있는 경우 내보낼 계정을 선택합니다.
- Klaviyo로 내보내기를 클릭합니다. 내보내기가 완료되면 Klaviyo 이미지 라이브러리에서 이미지를 사용할 수 있습니다.
한 번에 여러 레이어를 내보냅니다.
일괄 내보내기로 전환할 레이어를 2개 이상 선택합니다. 선택한 레이어의 치수가 포함된 목록이 표시되며, 공유 크기와 형식을 설정하거나 각 레이어의 설정을 별도로 유지할 수 있습니다. 고급 설정에서는 모든 파일 이름에 접두사나 접미사를 추가하거나 모든 이름을 공유 기본 이름으로 바꿀 수도 있습니다. 진행률 표시줄은 배치가 업로드될 때 이를 추적합니다.
고급 내보내기 설정
크기 및 형식 선택기 옆의 톱니바퀴 버튼을 클릭하여 Figma에서 내보내기를 렌더링하는 방식을 조정합니다.
- 색상 프로필 — 문서의 색상 프로필, sRGB 또는 표시 P3를 사용하여 내보냅니다.
- 겹치는 레이어 무시 — 겹치는 부분을 제외하고 선택한 콘텐츠만 내보냅니다.
- 경계 상자 포함 — 내보내기에 레이어의 전체 경계 상자를 포함합니다.
내보내기 기록을 확인합니다.
기록 탭에는 업로드별로 그룹화된 과거 내보내기가 표시되며, 업로드된 각 이미지에 연결되는 썸네일 이미지가 표시됩니다. 탭 하단의 Klaviyo 미디어 라이브러리 링크를 사용하여 브라우저에서 이미지 라이브러리를 열거나 기록 지우기를 사용하여 플러그인에서 목록을 제거합니다(Klaviyo에서 이미지가 삭제되지는 않음).
연결된 계정을 관리합니다.
설정 탭에서 계정을 추가하거나 옆에 휴지통 아이콘이 있는 계정을 제거할 수 있습니다. 보안을 위해 플러그인은 사용 사이에 Klaviyo 세션을 저장하지 않습니다. 플러그인을 닫았다가 다시 열면 다음 내보내기 전에 다시 연결하라는 메시지가 표시될 수 있습니다.
문제 해결
- "연결 시간이 초과되었습니다. 다시 시도해 주세요." — 인증이 제시간에 완료되지 않았습니다. 계정 연결(또는 계정 추가)을 클릭하여 다시 시작하세요. 매번 새로운 인증 페이지가 열립니다.
- "Klaviyo 세션이 만료되었습니다." — 설정 탭으로 이동하여 계정을 다시 연결한 다음 다시 내보냅니다.
- 일괄 처리의 일부 레이어를 내보내지 못함 — 성공적인 레이어는 여전히 업로드되어 기록에 기록됩니다. 실패한 레이어가 파일에 아직 존재하는지 확인한 다음 선택하고 다시 내보냅니다.