CopyDoc의 Export Text Layers 기능을 사용하면 현재 Figma 페이지에 있는 최상위 상위 프레임의 모든 텍스트 레이어를 .csv, .json, .md, .xliff 파일(디자인 참조용 이미지는 선택 사항)로 내보내 내 컴퓨터에 다운로드할 수 있어요.
CopyDoc은 일반 텍스트 레이어와 경로 위에 배치된 텍스트를 포함해요. 선택 항목 기반 내보내기를 사용하면 Figma 섹션 안에 있는 지원되는 텍스트도 찾을 수 있어요.
시작하기 및 텍스트 레이어를 포함할 Figma 프레임 선택
이 기능을 시작하려면 CopyDoc 플러그인 메인 화면에서 Export Text Layers 버튼을 클릭하세요.
이제 현재 Figma 페이지에서 CSV, JSON, Markdown, XLIFF 내보내기의 페이지로 사용할 프레임을 선택할 수 있어요.
CopyDoc은 현재 Figma 페이지의 모든 “상위 프레임”을 플러그인에 프레임 목록으로 불러와요. 이 목록에서 텍스트 레이어를 내보내기에 추가할 프레임을 고르세요. 프레임의 체크박스나 이미지 썸네일을 클릭하면 선택되고, 다시 클릭하면 선택이 해제돼요.
프레임과 텍스트 레이어 정렬
정렬 컨트롤로 Figma 레이어 순서, 레이어 이름, 시각적 행, 시각적 열 또는 사용 가능한 사용자 지정 순서를 따를 수 있어요. 시각적 정렬은 살짝 어긋난 항목도 같은 행이나 열로 묶고, 레이어 이름은 자연스러운 순서로 정렬되어 Frame 2 같은 이름이 Frame 10보다 앞에 와요.
이 설정은 Figma 캔버스의 레이어 이름을 바꾸거나 위치를 재배치하지 않고 내보내는 순서만 정해요. 수동 현지화 미리보기의 순서는 여전히 끌어다 놓기로 정해요.
최상위 Figma 프레임 필요 텍스트 레이어를 CSV, JSON, Markdown, XLIFF로 내보내려면 Figma 페이지에 “상위 프레임”이 하나 이상 있어야 해요. 페이지 바로 아래에 있는 “프레임”을 말해요.
내보내기 형식 및 CSV/JSON/Markdown/XLIFF 옵션 선택
잠긴 Figma 레이어를 내보내기에서 제외
Exclude Locked 옵션을 켜면 Figma 페이지에서 잠긴 텍스트 레이어나, 잠긴 상위 레이어(프레임, 그룹, 컴포넌트 등) 안에 있는 텍스트 레이어를 자동으로 건너뛰어요. 내보내기에 포함하고 싶지 않은 텍스트 레이어를 제외할 때 사용하세요.
Figma의 시각적 대소문자 유지
Use Figma Text Case 옵션을 켜면 내보낸 텍스트 레이어가 Figma 텍스트 레이어에 설정된 “시각적” 대소문자 옵션(예: “Uppercase”, “Title Case”, “Lowercase”)을 따르도록 자동으로 맞춰져요. 기본 대소문자 설정인 “As typed”를 선택했을 때처럼 텍스트 레이어의 원래 콘텐츠를 내보내는 대신, 디자인에 보이는 그대로의 텍스트 콘텐츠를 내보내고 싶을 때 사용하세요.
디자인 참조 포함
Include Design References 옵션을 켜면 내보내기로 선택한 각 프레임의 .png 이미지가 포함돼요. 이 이미지는 .csv, .json, .md, .xliff 파일로 내보낸 텍스트와 함께 디자인 참조로 활용할 수 있어요.
중복 텍스트 레이어 그룹화
Group Duplicate Text Layers 옵션을 켜면 내용이 완전히 같은 텍스트 레이어가 CSV, JSON, Markdown, XLIFF 내보내기에서 하나의 항목으로 자동으로 묶여요. 텍스트를 한 곳에서만 수정하면 변경 후 같은 텍스트를 가진 모든 레이어에 다시 가져와지므로, 콘텐츠를 편집하고 Figma로 다시 가져오기가 조금 더 쉬워져요.
Figma 프레임을 별도 파일로 나누기
기본적으로 CopyDoc은 선택한 모든 Figma 프레임을 하나의 문서 파일(예: .csv, .xslx 등)로 내보내요. Figma 프레임마다 다른 문서 파일로 내보내고 싶다면 내보내기 설정에서 Export File Per Frame 옵션을 켜세요.
참고로 Group Duplicate Text Layers 옵션도 켜져 있으면 이 옵션을 사용할 수 없어요. 그룹화 옵션은 모든 텍스트 레이어를 하나의 파일로 내보내야 하기 때문이에요.
CSV 또는 JSON 내보내기에 사용자 지정 텍스트 버전 자리 추가
CSV나 JSON 파일에서 외부로 수정한 텍스트를 내보내고 다시 가져오는 대표적인 이유는 Figma의 텍스트를 다른 버전의 콘텐츠로 빠르게 바꾸기 위해서예요. 콘텐츠를 다른 언어로 번역하는 현지화 콘텐츠이거나, A/B 테스트 등을 위해 다른 콘텐츠 세트를 시도해 보는 경우가 많아요.
언어나 텍스트 버전이 두 개 이상 필요하다면, 내보내기 형식 선택 상자에서 CSV (Custom) 또는 JSON (Custom) 옵션을 선택하세요. 둘 중 하나를 선택하면 새 텍스트 입력란이 나타나고, CSV나 JSON 내보내기에 포함할 사용자 지정 텍스트 버전 자리를 직접 추가할 수 있어요.
예를 들어 현재 Figma 디자인의 텍스트 레이어를 여러 언어로 번역해야 한다면, Japanese, Dutch, French라는 사용자 지정 버전을 추가할 수 있어요. 그러면 이 항목이 모두 CSV 열이나 JSON 속성으로 추가되고, Figma에서 콘텐츠를 내보낸 뒤 번역된 텍스트로 채울 수 있어요.
나중에 CopyDoc 플러그인으로 이 텍스트 변경 사항을 Figma에 다시 가져오면, CSV나 JSON 파일 하나에서 원하는 버전을 바로 선택해 바꿀 수 있어요. 여러 파일을 따로 관리하는 것보다 훨씬 쉬워요.
텍스트 콘텐츠 내보내기 및 다운로드
내보내기 설정을 모두 마쳤다면, 내보내기 패널 상단의 Export 버튼(예: Export CSV)을 클릭해 Figma의 텍스트 레이어를 CSV, JSON, Markdown, XLIFF로 내보내기 시작하세요.
CopyDoc이 텍스트 레이어 처리를 마치면 확인 메시지가 표시돼요. Download … Export 버튼(예: Download CSV Export)을 클릭하면 내보낸 텍스트 파일(과 선택한 이미지 파일)이 들어 있는 .zip 파일을 다운로드할 수 있어요.
Figma에서 내 컴퓨터로 .zip 파일을 다운로드했다면, 파일 탐색기에서 저장된 폴더를 여세요. 내보낸 .zip 파일을 더블클릭하면 압축이 풀리고, 내보낸 텍스트를 원하는 대로 사용할 수 있어요.
Figma에서 다운로드한 파일 저장하기 Figma 데스크톱 앱을 사용한다면 파일을 다운로드하라는 창이 나타나요. 하지만 웹 브라우저에서 Figma를 사용한다면 기본적으로 파일이 컴퓨터에 자동으로 다운로드돼요(보통 컴퓨터의 Downloads 폴더에 저장돼요).
선택한 레이어에서 텍스트 레이어 빠르게 내보내기
최상위 Figma 프레임뿐 아니라 원하는 Figma 레이어 선택 항목에서 텍스트 레이어를 빠르게 내보내려면, CopyDoc 플러그인에서 Quick Export 버튼을 클릭하고 파일을 내 컴퓨터에 다운로드하세요. 이 파일을 편집한 뒤 Import Text Layers 기능으로 텍스트 레이어를 업데이트할 수도 있어요.
영상 튜토리얼
영상 튜토리얼: CSV 파일로 Figma 텍스트 레이어 가져오기/내보내기
이 영상에서는 CopyDoc 플러그인으로 CSV 파일을 사용해 Figma 텍스트 레이어를 가져오고 내보내는 방법을 보여 줘요.
영상 튜토리얼: Airtable 동기화로 Figma 텍스트 콘텐츠 내보내기 및 다시 가져오기
이 영상에서는 CopyDoc 플러그인으로 Airtable 동기화를 사용해 Figma 텍스트 콘텐츠를 내보내고 다시 가져오는 방법을 보여 줘요.
영상 튜토리얼: JSON 파일로 Figma 텍스트 레이어 가져오기/내보내기
이 영상에서는 CopyDoc 플러그인으로 JSON 파일을 사용해 Figma 텍스트 레이어를 가져오고 내보내는 방법을 보여 줘요.
영상 튜토리얼: Figma에서 선택한 텍스트 레이어 내보내기 및 다시 가져오기
이 영상에서는 CopyDoc 플러그인으로 Figma에서 선택한 텍스트 레이어를 내보내고 다시 가져오는 방법을 보여 줘요.
영상 튜토리얼: Markdown 파일로 Figma 텍스트 레이어 콘텐츠 업데이트
이 영상에서는 CopyDoc 플러그인으로 Markdown 파일을 사용해 Figma 텍스트 레이어 콘텐츠를 업데이트하는 방법을 보여 줘요.
영상 튜토리얼: DOCX 파일로 Microsoft Word에서 Figma 텍스트 업데이트
이 영상에서는 CopyDoc 플러그인으로 DOCX 파일을 사용해 Microsoft Word에서 Figma 텍스트를 업데이트하는 방법을 보여 줘요.
영상 튜토리얼: DOCX 파일로 Google Docs에서 Figma 텍스트 업데이트
이 영상에서는 CopyDoc 플러그인으로 DOCX 파일을 사용해 Google Docs에서 Figma 텍스트를 업데이트하는 방법을 보여 줘요.
영상 튜토리얼: DOCX 파일로 Office 365에서 Figma 텍스트 업데이트
이 영상에서는 CopyDoc 플러그인으로 DOCX 파일을 사용해 Office 365에서 Figma 텍스트를 업데이트하는 방법을 보여 줘요.
- CopyDoc 현지화 워크플로로 여러 로캘의 텍스트를 내보내고, 번역하고, 다시 가져오세요.
- 전체 설정 워크플로는 CopyDoc 시작하기 가이드를 따르세요.
- 스프레드시트 동기화, 텍스트 업데이트, 문서 내보내기 기능은 CopyDoc Figma 플러그인에서 살펴보세요.