팁
Phrase TMS에서 Figma 통합에 대한 정보는 Figma (TMS)를 참조하십시오.
Figma 플러그인은 디자인 콘텐츠를 Phrase 프로젝트와 통합하여 제품 디자인과 현지화 팀 간의 간극을 메웁니다. 이 플러그인은 콘텐츠 푸시, 번역 가져오기 및 Figma와 Phrase Strings 간의 키 관리를 지원합니다.
-
분기가 지원됩니다.
-
번역가 사용자 권한이 있는 최소한 하나의 프로젝트와 하나의 언어에 대한 액세스가 필요합니다. 액세스는 관리자 또는 프로젝트 관리자가 보낸 초대를 통해 부여될 수 있습니다.
-
플러그인은 하위 요소가 아닌 자동 레이아웃 프레임의 스크린샷을 보냅니다.
-
기본적으로 숨겨진 텍스트 레이어는 통합에 포함되지 않습니다. 이는 설정
에서 을 선택하여 변경할 수 있습니다.
-
기본적으로 플러그인에서 선택된 태그는 푸시 프로세스 후에 지워집니다. 이는 설정
에서 옵션을 비활성화하여 변경할 수 있습니다.
-
플러그인의 기본 설정
에 대한 모든 변경 사항은 저장되며 지속적으로 유지됩니다.
플러그인을 실행하려면 Figma의 플러그인 브라우저 또는 Figma 커뮤니티에서 선택하고 사용해 보기를 클릭하십시오. 플러그인은 Figma 메뉴에서 사용할 수 있게 됩니다.
Figma에서 Phrase로의 연결은 Phrase 자격 증명 또는 액세스 토큰을 제공하여 이루어질 수 있습니다.
연결이 이루어지면, 프레임을 선택하면 Figma 콘텐츠와 사용자가 Phrase Strings로 푸시하거나 풀 수 있는 키의 미리 보기가 로드됩니다.
탭은 Figma 레이어를 Strings 프로젝트에 이미 존재하는 키에 연결할 수 있게 합니다. 레이어와 키의 명명 규칙이 동일하면 자동으로 일치할 수 있습니다.
플러그인은 Figma 사이드바의 전용 버튼을 통해 접근할 수 있습니다:
-
Phrase Strings
플러그인을 열려면 클릭하세요.
-
Strings에서 텍스트 보기
Strings 프로젝트에 연결된 Figma 파일에 표시됩니다. 관련 프로젝트를 번역 편집기에서 열려면 클릭하세요.
탭은 Figma에서 Phrase Strings로 프레임이나 텍스트 레이어를 로컬라이제이션을 위해 전송할 수 있게 합니다. 보호된 메인 브랜치에 콘텐츠를 푸시하는 것은 불가능합니다.
푸시할 콘텐츠에 대한 프로젝트, 분기 (사용 중인 경우), 및 언어를 선택하세요. 선택적으로, 업로드된 키에 추가할 사용자 지정 태그를 입력하세요.
비어 있거나 중복된 키 이름은 열에서 빨간 카운터로 표시됩니다. 긴 키 이름 목록을 관리하려면 드롭다운을 사용하여 또는 표시합니다.
참고
선택한 정렬 옵션은 향후 세션을 위해 기억됩니다.
문구로 푸시 버튼은 키 이름 입력이 비어 있거나, 유효하지 않은 문자가 포함되어 있거나, 보호된 주요 분기가 선택된 경우 고유하지 않으면 비활성화됩니다.
키 이름 입력을 편집하고 이름 충돌을 해결하려면 설정을 선택하십시오. 필요한 경우 원하는 키를 선택하고 테이블 상단의 레이어 제외를 클릭하여 해당 레이어를 플러그인에서 제거하십시오.
충돌하는 키 이름을 가진 연결되지 않은 레이어가 있는 경우, 진행하기 위해 사용 가능한 해결 옵션 중 하나를 선택하십시오:
-
-복사접미사가 있는 새 키를 생성합니다. -
레이어를 기존 문구 키에 연결합니다.
-
충돌하지 않는 레이어만 푸시합니다.
Figma 미리 보기 업로드 옵션이 활성화되면 사용자는 Figma 미리 보기에서 포함할 대상 언어를 선택할 수 있습니다. 언어가 선택되지 않으면 기본적으로 모든 언어가 포함됩니다.
레이어가 문자열에 성공적으로 푸시되면 창이 요약과 함께 표시되며 다음 옵션이 제공됩니다:
-
생성 작업
푸시된 키가 미리 선택된 상태로 페이지를 열려면 클릭하십시오.
중요
Figma 미리 보기 업로드 옵션이 활성화되면 문자열에서 작업이 자동으로 생성됩니다. 한 번 활성화되면 비활성화할 수 없습니다.
-
문자열에서 열기
푸시된 키를 문자열 편집기에서 보려면 클릭하십시오.
변경된 이름의 키 옆에 노란색 경고 아이콘 이 나타납니다. 이는 Strings에서 콘텐츠를 푸시한 후에 발생합니다. Figma 플러그인에서 키 이름을 업데이트하려면, 불일치하는 키 이름 옆의 점 3개
메뉴에서 키 이름 동기화를 선택하십시오.
푸시 옵션 및 작업
필요에 따라 다음 푸시 옵션을 켜고 끌 수 있도록 메뉴를 클릭하십시오:
-
기본적으로 스크린샷 업로드가 활성화되어 있습니다. 프레임 내에서 선택된 레이어의 스크린샷을 첨부할 수 있습니다:
-
설정이 활성화되어 있으면, Figma 플러그인으로 가져온 숨겨진 텍스트 레이어는 스크린샷의 왼쪽 상단 모서리에 마커가 표시됩니다.
-
설정이 활성화되어 있으면, Figma 섹션의 스크린샷이 생성되지 않습니다.
섹션 내에서 작업할 때 플러그인 성능 문제를 피하기 위해 이 옵션을 활성화 상태로 유지하는 것이 좋습니다.
-
-
기본적으로 Phrase Strings에서 콘텐츠 업데이트가 활성화되어 있습니다.
-
기본적으로 Phrase Strings에서 키 이름 업데이트가 활성화되어 있으며, 설정이 비활성화되지 않은 경우에만 해당됩니다.
이 옵션을 끄면 모든 키 이름 입력이 초기화됩니다.
-
선택된 키에서 HTML 번들을 내보내기 위해 Figma 미리 보기 업로드를 활성화하십시오.
이 옵션은 Strings에서 동기화된 작업와 함께 작업할 때 TMS CAT 편집기에서 문맥 미리 보기를 생성하는 데 필요합니다.
사용자는 콘텐츠를 푸시할 때 Figma 미리 보기에서 포함할 대상 언어를 선택할 수 있습니다. 언어가 선택되지 않으면 기본적으로 모든 언어가 포함됩니다.
미리 보기가 성공적으로 생성되면, Strings에서 작업이 자동으로 생성됩니다. Strings 프로젝트의 모든 활성 작업 자동화는 중복 작업을 피하기 위해 건너뜁니다.
미리 보기가 10MB 한도를 초과하면, 키는 여전히 Strings로 푸시되지만 미리 보기가 있는 작업은 생성되지 않습니다.
참고
Strings 편집기에서 Figma 미리 보기와 작업하려면, Figma 미리 보기 추가 작업을 문맥 사이드바에서 사용하십시오.
-
콘텐츠를 Figma에서 Phrase로 푸시하고 번역을 다시 가져올 때, 풍부한 텍스트 형식(목록, 줄 바꿈, 굵게/기울임, 링크 등)을 유지하려면 콘텐츠 형식 및 스타일 유지를 활성화하십시오.
활성화되면 HTML 형식 태그가 자동으로 추가되어 인라인 스타일을 유지하며, Strings에서 동기화된 작업을 사용할 때 TMS의 컨텍스트 미리 보기에서 지원됩니다. HTML 형식 태그는 Strings 편집기와 Figma로 다시 가져온 내보낸 번역에서 나타납니다.
리치 포맷이 필요하지 않다면 이 옵션을 비활성화하여 수동 조정을 피하십시오.
설정은 파일 수준에서 적용되며 파일에서 작업하는 모든 협업자에게 영향을 미칩니다. 이 옵션은 새 파일에 대해 기억됩니다.
연결된 레이어의 경우 관련된 점 메뉴에서 다음 작업을 사용할 수 있습니다:
-
키 세부정보 보기를 선택하여 Phrase Strings에서 키 설명을 보고/편집하거나 키에 대한 글자 수 제한을 설정하십시오. 창에서 저장된 모든 변경 사항은 편집기 페이지를 새로 고친 후 Strings 편집기 사이드바에 나타납니다.
팁
탭에서 여러 키를 선택하고 일괄 작업 글자 수 제한 설정을 사용하여 선택한 모든 키에 대해 한 번에 글자 수 제한을 설정하십시오.
-
편집기에서 키 열기를 선택하여 Strings 편집기에서 관련 키로 이동하십시오.
-
Phrase Strings에서 콘텐츠 연결 해제를 선택하여 레이어를 기존 키에서 연결 해제하십시오.
중복된 콘텐츠 관리
콘텐츠를 푸시할 때 중복된 콘텐츠가 있는 레이어는 Strings에서 정확히 동일한 텍스트를 포함하는 여러 키를 생성합니다. 사용자는 창에서 이 중복된 콘텐츠를 관리하는 방법을 결정할 수 있습니다:
-
중복된 콘텐츠로 여러 키를 생성하는 것이 의도적이라면 병합 없이 진행을 선택하십시오.
-
일부 중복된 콘텐츠를 단일 키로 병합하려면 다음 단계를 따르십시오:
-
리스트의 첫 번째 키로 일부 또는 모든 중복된 컨텐츠를 병합하려면 다음 단계를 따르세요:
-
리스트에서 여러 개 또는 모든 키를 선택하고
첫 번째 키로 모든 중복 항목 병합을 클릭합니다.
-
진행을 클릭한 다음, 병합 및 푸시를 선택하여 팝업에서 확인합니다.
중복된 컨텐츠는 단일 키로 병합되며, 모든 관련 레이어는 해당 키에 연결됩니다.
이 옵션은 많은 중복 항목이 있는 대형 파일에 유용하며, 사용자가 각 항목을 개별적으로 처리하는 대신 단일 작업으로 첫 번째 키에 모든 중복 항목을 병합할 수 있게 합니다.
-
플러그인 설정의 섹션 은 연결된 키의 명명 규칙을 설정할 수 있게 합니다.
Figma에서 키 이름을 사용자 지정하려면 다음 단계를 따르세요:
-
스마트 키 명명 활성화를 설정에서 클릭합니다.
-
를 선택합니다.
참고
가 활성화되면, 키 이름은 텍스트 레이어 이름을 기반으로 자동 생성됩니다.
-
필드에 사용자 지정 키 명명을 정의할 텍스트를 입력합니다:
-
선택적으로, 사용 가능한 매크로를 클릭하여 키 이름을 자동으로 생성하기 위해 지원되는 매크로 중 하나를 선택합니다.
여러 매크로를 선택하여 키 이름을 구성할 수 있습니다.
-
필드에서 자유 텍스트와 매크로를 결합할 수 있습니다.
예제를 클릭하여 미리 정의된 예제 중 하나를 표시하고 선택합니다.
-
-
필요한 경우, 텍스트를 수정하고 공백을 제거하기 위해 드롭다운에서 형식 옵션을 선택합니다.
컨텐츠 푸시를 Phrase Strings로 할 때, 이전에 연결된 키에 새로 생성된 명명 규칙을 적용합니다:
-
테이블 하단의 새로 고침
아이콘을 클릭합니다.
-
특정 키를 선택하고 테이블 상단에서 키 이름 재생성을 클릭합니다.
사용 가능한 매크로
|
매크로 |
설명 |
|---|---|
|
{file_name} |
Figma 파일의 이름 |
|
{page} |
키가 식별되는 Figma 페이지 |
|
{parent_section} |
페이지 트리에서 가장 높은 수준의 섹션 |
|
{nearest_section} |
페이지 트리에서 텍스트 레이어에 가장 가까운 섹션 |
|
{frame} |
키가 식별되는 프레임 |
|
{parent_group} |
페이지 트리에서 가장 높은 수준의 그룹 |
|
{nearest_group} |
페이지 트리에서 텍스트 레이어에 가장 가까운 그룹 |
|
{component} |
키가 위치한 Figma 컴포넌트의 이름. 소스 컴포넌트만 고려됩니다. |
|
{element_name} |
텍스트 레이어의 이름 |
|
{element_content} |
텍스트 레이어의 내용 |
|
{random} |
무작위로 생성된 고유한 짧은 해시 |
콘텐츠를 푸시할 때, 사용자는 Phrase Strings의 기존 키에 레이어를 연결하거나 새로운 키를 생성할 수 있습니다.
연결된 키와 연결 해제된 키의 개요를 표시하려면 탭을 선택하십시오.
이미 연결된 키는 아이콘으로 열에 표시됩니다. 필요한 경우 프로젝트, 분기(사용 중인 경우) 및 언어를 선택하거나 검색 아이콘을 클릭하여 원하는 콘텐츠를 찾습니다.
키 연결을 선택하여 탭에서 연결되지 않은 모든 키를 일괄 연결합니다. 개별 키를 연결하거나 연결 해제하려면 해당 항목의 오른쪽에 있는 관련 아이콘을 클릭합니다.
참고
개별 키의 연결 해제 옵션은 탭에서도 사용할 수 있습니다.
번역이 완료되면 Figma 레이어 또는 프레임을 선택하여 번역을 가져오고 탭을 클릭합니다.
사용자는 프로젝트, 분기(사용 중인 경우) 및 가져오는 콘텐츠의 언어를 선택할 수 있습니다. 태그는 Figma로 다시 가져올 수 없습니다.
긴 키 이름 목록을 관리하려면 드롭다운을 사용하여 하고 잠재적인 문제를 해결합니다. 필요한 경우 특정 키를 선택하고 테이블 상단의 레이어 제외를 클릭하여 해당 레이어를 플러그인에서 제거합니다.
참고
선택한 정렬 옵션은 향후 세션을 위해 기억됩니다.
메뉴를 클릭하여 Figma에서 가져온 콘텐츠를 표시하는 방법을 선택합니다:
-
기본적으로 선택됨. 여러 언어에 대해 가져올 때 선택한 각 언어에 대해 별도의 Figma 페이지가 생성되며 페이지의 모든 레이어가 포함됩니다.
참고
Figma Buzz에서 옵션이 표시됩니다.
-
단일 새 페이지를 생성하고 선택한 번역된 콘텐츠를 언어별 열에 나란히 배치합니다. 이 옵션은 전체 Figma 페이지를 복제하는 대신 활성 선택에만 집중합니다.
대용량 파일에 권장되어 가져오기 성능을 개선하고 불필요한 파일 크기를 줄입니다.
-
선택한 텍스트 레이어는 번역으로 덮어씌워지고 뷰포트에서 업데이트됩니다.
이 옵션은 여러 언어를 가져올 때 자동으로 비활성화됩니다.
-
기본적으로 비활성화되어 있습니다. 활성화되면:
-
번역된 내용 대신 키 이름이 가져와져서 표시됩니다.
-
가져온 내용에 대한 언어 선택이 더 이상 불가능합니다.
-
-
설정은 향후 세션을 위해 기억됩니다.
-
비활성화되면, 열은 선택한 레이어의 내용을 직접 표시합니다.
-
활성화되면, 열은 연결된 레이어의 선택한 언어로 된 내용 미리 보기를 표시합니다.
-
연결되지 않은 레이어의 경우, 선택한 언어로 미리 보기를 표시하려면 옵션을 활성화하십시오. 가져온 데이터에 동일한 이름의 키가 존재하면, 해당 키의 내용이 미리 보기로 사용됩니다.
-
이 옵션은 여러 언어를 가져올 때 자동으로 비활성화됩니다.
-
-
Figma에서 데이터를 가져올 때 연결되지 않은 레이어가 처리되는 방식을 제어합니다. 설정은 향후 세션을 위해 기억됩니다.
-
활성화되면, 시스템은 가져온 데이터에 동일한 이름의 키가 존재하는지 확인합니다.
일치 항목이 발견되면:
-
연결되지 않은 레이어가 일치하는 키에 연결됩니다.
-
레이어 내용이 기존 키에서 가져온 내용으로 업데이트됩니다.
-
-
비활성화되면, 연결되지 않은 레이어는 업데이트되지 않으며, 가져온 데이터에 일치하는 키가 존재하더라도 업데이트되지 않습니다.
-
내용이 Figma로 성공적으로 가져오면, 창이 업데이트된 레이어의 요약과 함께 표시됩니다.
여러 언어를 가져올 때, 버튼은 프로젝트의 기본 언어를 소스 언어로 하여 키를 엽니다.
Figma Buzz는 브랜드 디자이너와 마케팅 팀이 Figma 생태계 내에서 직접 브랜드에 맞는 시각적 자산을 대규모로 생성할 수 있는 도구입니다. 템플릿 시스템, 간소화된 디자인 편집기, 자산의 대량 생성 및 AI 기반 편집 기능이 포함되어 있습니다.
Buzz를 위한 Phrase Strings 플러그인은 Figma 디자인 통합에서와 동일한 기능을 제공하여 Buzz 내에서 텍스트 콘텐츠를 직접 현지화할 수 있게 합니다:
-
키 관리 및 자산 전반에 걸쳐 텍스트 일관성 유지
참고
실시간 미리 보기는 지원되지 않습니다.
플러그인은 Buzz의 메뉴에서 사용할 수 있습니다. 활성화되면, 향후 사용을 위해 저장할 수 있으며, Figma Buzz 사이드바에서 모달을 열어 선택한 디자인에서 실행할 수 있습니다. 텍스트 레이어는 자동으로 감지되어 플러그인에 표시됩니다.
디자인 콘텐츠는 번역을 위해 연결된 Strings 프로젝트로 푸시될 수 있습니다. 번역 후, 사용자는 현지화된 콘텐츠를 Buzz로 다시 가져올 수 있으며, 이는 디자인의 번역된 버전을 포함하는 새로운 행을 생성합니다.