Figma 디자인 텍스트 레이어 현지화

CopyDoc의 기본 제공 현지화 기능으로 Figma 페이지의 프레임을 여러 언어나 콘텐츠 버전으로 번역할 수 있어요.

영상 튜토리얼: 가장 간단하게 Figma 디자인 현지화하기(영어)

이 영상 튜토리얼은 CopyDoc 플러그인으로 Figma 디자인을 가장 간단하게 현지화하는 방법을 처음부터 끝까지 단계별로 보여 주는 가이드예요.

영상 튜토리얼: XLIFF 파일로 Figma 텍스트 레이어 번역하기(영어)

이 영상에서는 CopyDoc 플러그인으로 XLIFF 파일을 사용해 Figma 텍스트 레이어를 번역하는 방법을 보여 줘요.

XLIFF 워크플로를 찾고 있나요? ​

Localize Figma Text, Localise Figma Text, Export/Import XLIFF, XLF를 검색해서 찾아왔다면 이 CopyDoc 현지화 워크플로가 바로 필요한 내용이에요.

CopyDoc에서 Localize Frames를 클릭하면 스프레드시트 기반의 .xlsx 현지화 과정이 열려요. 대신 XLIFF 번역 파일을 사용하려면 Export Text Layers를 클릭하고 XLIFF 1.2 또는 XLIFF 2.0 형식을 선택한 다음, 번역된 파일을 Import Text Layers로 다시 가져오세요.

단계별 XLIFF 예시는 XLIFF 파일로 Figma 텍스트 레이어 번역하기(영어)를 참고하세요.

Figma 텍스트 레이어를 현지화 스프레드시트로 내보내기 ​

CopyDoc에서 Localize Frames 버튼을 클릭하면 프레임을 내보내고, 디자인을 번역할 대상 언어(예: 프랑스어, 독일어 등)를 선택할 수 있어요. Export XLSX 버튼을 클릭하면 프레임의 텍스트 콘텐츠가 .xlsx 스프레드시트 파일로 자동으로 내보내져요.

중복 텍스트 레이어 묶기 ​

Group Duplicate Text Layers 옵션을 켜면 내용이 완전히 같은 텍스트 레이어가 XLSX 내보내기 파일에서 항목 하나로 자동으로 묶여요. 텍스트를 한곳에서만 편집하면 되므로 콘텐츠를 편집하고 Figma로 다시 가져오기가 조금 더 쉬워져요.

Figma의 시각적 대소문자 유지하기 ​

Use Figma Text Case 옵션을 켜면 내보낸 텍스트 레이어가 Figma에서 텍스트 레이어에 설정한 “시각적” 대소문자 옵션(예: “Uppercase”, “Title Case”, “Lowercase”)에 맞춰 자동으로 변환돼요. 이 옵션을 사용하면 텍스트 레이어의 실제 콘텐츠(예: 기본 “As typed” 대소문자 설정에서 보이는 그대로)를 내보내는 대신, 디자인에 보이는 텍스트 콘텐츠를 그대로 반영할 수 있어요.

스프레드시트의 각 로캘 열에 현지화 콘텐츠 추가하기 ​

.xlsx 파일을 내보낸 뒤 Excel 파일을 편집해 비어 있는 로캘 열을 필요한 만큼 채우세요.

Figma로 다시 가져오지 않을 열(예: “approved”, “status”, “reviewer” 같은 메타데이터 콘텐츠)을 현지화 스프레드시트에 추가해야 한다면, 열 머리글 이름 앞에 밑줄 세 개를 접두사로 붙이세요(예: ___approved 또는 __status). 그러면 .xlsx 파일을 Figma로 다시 가져올 때 CopyDoc이 해당 열을 무시해요.

현지화한 스프레드시트를 Figma로 다시 가져오기 ​

로캘을 채우고 스프레드시트를 저장했다면 .xlsx 파일을 CopyDoc 플러그인에 끌어다 놓아 다시 가져온 다음, Localize Frames 버튼을 클릭해 새 로캘 콘텐츠를 가져오세요. 파일을 다시 가져오면 CopyDoc이 완전히 새로운 페이지를 자동으로 만들고, 스프레드시트에서 텍스트 레이어(“행”)별로 수정한 내용을 모두 반영한 새 이메일 프레임을 로캘마다 생성해요.

가져온 프레임 순서 지정하기 ​

CopyDoc이 스프레드시트를 불러오면 Localize Frames를 클릭하기 전에 가져오기 미리보기에서 프레임을 원하는 순서로 끌어 정렬하세요. Keep Frame Positions가 꺼져 있으면 CopyDoc은 이 순서에 따라 새 페이지에 원본 프레임과 현지화된 프레임을 위에서 아래로 배치해요.

Keep Frame Positions 토글을 켜면 새로 가져온 번역 프레임의 배치와 위치가 Figma에서 내보낸 원본 프레임의 배치와 똑같이 유지돼요. 이 토글을 끄면 플러그인이 프레임을 깔끔하게 정렬된 그리드로 배치해요.

Add a “Worst Case” Frame (Longest Text) 토글을 켜면 프레임이 하나 더 생성돼요. 이 프레임은 텍스트 레이어마다 스프레드시트의 모든 새 로캘·번역 중 가장 긴 텍스트를 가져와, 텍스트가 아주 길어지는 최악의 경우를 보여 줘요. 디자인이 얼마나 견고한지 테스트하고, 어떤 길이의 텍스트에도 레이아웃이 깨지거나 어색해 보이지 않는지 확인할 때 유용해요.

Markdown 서식 사용하기 ​

Use Markdown 토글을 켜면 현지화 스프레드시트의 텍스트를 Markdown으로 내보낼 수 있어요. 굵게, 기울임꼴, 하이퍼링크가 적용된 텍스트가 자동으로 Markdown 형식(아래 참고)으로 표시돼요. 그래서 번역된 텍스트를 다시 가져오기 전에 CopyDoc 디자인 텍스트 콘텐츠의 여러 부분에 서식을 편집하거나 추가할 수 있어요.

내보낸 스프레드시트를 편집하고 Markdown 서식을 추가하거나 삭제한 뒤 Import Markdown Formatting 토글을 켜면, XLSX를 가져올 때 지원되는 기본 Markdown 서식(아래 참고)을 자동으로 해석해 Figma 텍스트 레이어에 적용해요.

현재 CopyDoc은 굵게, 기울임꼴, 굵은 기울임꼴, 하이퍼링크, 줄바꿈의 인라인 Markdown 서식을 지원해요. 제목, 목록, 코드 블록, 표, HTML 등 지원되는 인라인 텍스트 기능 외의 Markdown 문법은 추가하지 마세요.

지원되는 Markdown 서식: ​

  • 굵은 텍스트는 텍스트 양쪽에 별표 두 개를 붙여 지정할 수 있어요. 예: **Text to bold**
  • 기울임꼴 텍스트는 텍스트 양쪽에 밑줄 하나를 붙여 지정할 수 있어요. 예: _Italic Text_
  • 굵은 기울임꼴 텍스트는 텍스트 양쪽에 별표 두 개와 밑줄 하나를 붙여 지정할 수 있어요. 예: **_Italic Text_**
  • 하이퍼링크는 Markdown 문법 This is [my link here](https://example.com) in a text paragraph로 지정할 수 있어요(링크의 [] 텍스트 영역 안에 굵게/기울임꼴 문법을 추가해 링크 텍스트에 서식을 적용할 수도 있어요).

다른 현지화 워크플로 ​

CopyDoc은 AI 지원 현지화 워크플로도 지원해요.

CopyDoc에서 각 AI 현지화 제공업체는 두 가지 워크플로를 지원해요. API로 바로 번역하는 옵션과, CSV 번역 프롬프트를 생성해 제공업체의 앱에서 직접 실행하는 수동 프롬프트 옵션이에요.