팁
Phrase TMS에서 Figma 통합에 대한 정보는 Figma (TMS)을 참조하십시오.
Figma 플러그인은 디자인 콘텐츠를 Phrase 프로젝트와 통합하여 제품 디자인과 현지화 팀 간의 간극을 메워줍니다. 이 플러그인은 콘텐츠 푸시, 번역 가져오기 및 Figma와 Phrase Strings 간의 키 관리를 지원합니다.
-
분기가 지원됩니다.
-
번역가 사용자 권한이 있는 최소한 하나의 프로젝트와 하나의 언어에 대한 액세스가 필요합니다. 액세스는 초대를 받은 관리자 또는 프로젝트 관리자에 의해 부여될 수 있습니다.
-
플러그인은 하위 요소가 아닌 자동 레이아웃 프레임의 스크린샷을 보냅니다.
-
기본적으로 숨겨진 텍스트 레이어는 통합에 포함되지 않습니다. 이는 설정
에서 을 선택하여 변경할 수 있습니다.
-
기본적으로 플러그인에서 선택된 태그는 푸시 프로세스 후에 지워집니다. 이는 설정
-
플러그인의 기본 설정
플러그인을 실행하려면 Figma의 플러그인 브라우저 또는 Figma 커뮤니티에서 선택하고 사용해 보기를 클릭하십시오. 플러그인은 Figma 메뉴에서 사용할 수 있게 됩니다.
Figma에서 Phrase로의 연결은 Phrase 자격 증명, 액세스 토큰 또는 Single Sign-On(SSO)을 통해 이루어질 수 있습니다.
SSO로 로그인하려면:
연결이 이루어지면, 프레임을 선택하면 Figma 콘텐츠와 사용자가 Phrase Strings로 푸시하거나 풀 수 있는 키의 미리 보기가 로드됩니다.
탭에서는 Figma 레이어를 Strings 프로젝트에 이미 존재하는 키에 연결할 수 있습니다. 레イヤ와 키의 명명 규칙이 동일하면 자동으로 일치시킬 수 있습니다.
플러그인은 Figma 사이드바의 전용 버튼을 통해 접근할 수 있습니다:
-
Phrase Strings
클릭하여 플러그인을 엽니다.
-
Strings에서 텍스트 보기
Strings 프로젝트에 연결된 Figma 파일에 표시됩니다. 클릭하여 번역 편집기에서 관련 프로젝트를 엽니다.
탭에서는 Figma에서 Phrase Strings로 프레임이나 텍스트 레이어를 로컬라이제이션을 위해 보낼 수 있습니다. 보호된 메인 브랜치로 콘텐츠를 푸시할 수 없습니다.
프로젝트, 분기 (사용 중인 경우), 및 푸시할 콘텐츠의 언어를 선택합니다. 선택적으로 업로드된 키에 추가할 사용자 지정 태그를 입력하세요.
비어 있거나 중복된 키 이름은 열에 빨간 카운터로 표시됩니다. 긴 키 이름 목록을 관리하려면 드롭다운을 사용하여 또는 표시합니다.
참고
선택한 정렬 옵션은 향후 세션에 기억됩니다.
키 이름 입력이 비어 있거나 유효하지 않은 문자가 포함되어 있거나 보호된 주요 분기가 선택된 경우 구문으로 푸시 버튼이 비활성화됩니다.
키 이름 입력을 편집하고 이름 충돌을 해결하려면 설정을 선택하세요. 필요한 경우 원하는 키를 선택하고 테이블 상단의 레이어 제외를 클릭하여 해당 레이어를 플러그인에서 제거합니다.
충돌하는 키 이름을 가진 분리된 레이어가 있는 경우 진행하기 위해 사용 가능한 해결 옵션 중 하나를 선택하세요:
-
-복사접미사가 있는 새 키를 생성합니다. -
레이어를 기존 구문 키에 연결합니다.
-
충돌하지 않는 레이어만 푸시합니다.
Figma 미리 보기 업로드 옵션이 활성화되면 사용자는 Figma 미리 보기에서 포함할 대상 언어를 선택할 수 있습니다. 언어가 선택되지 않으면 기본적으로 모든 언어가 포함됩니다.
레이어가 문자열에 성공적으로 푸시되면 창이 요약과 함께 표시되며 다음 옵션이 제공됩니다:
-
생성 작업
푸시된 키가 미리 선택된 페이지를 열려면 클릭하세요.
중요 사항
업로드 Figma 미리 보기 옵션이 활성화되면, Strings에서 작업이 자동으로 생성됩니다. 활성화되면, 이 설정은 비활성화할 수 없습니다.
-
Strings에서 열기
Strings Editor에서 푸시된 키를 보려면 클릭하세요.
푸시된 콘텐츠 이후 Strings에서 이름이 변경된 키 옆에 노란색 경고 아이콘 이 나타납니다. Figma 플러그인에서 키 이름을 업데이트하려면, 불일치하는 키 이름 옆의 점 3개
메뉴에서 키 이름 동기화를 선택하세요.
푸시 옵션 및 작업
필요에 따라 다음 푸시 옵션을 켜고 끌 수 있도록 메뉴를 클릭하세요:
-
스크린샷 업로드는 기본적으로 활성화되어 있습니다. 선택한 레이어의 스크린샷을 첨부할 수 있습니다:
-
설정이 활성화되면, Figma 플러그인으로 가져온 숨겨진 텍스트 레이어에는 스크린샷의 왼쪽 상단 모서리에 마커가 표시됩니다.
-
설정이 활성화되면, Figma 섹션의 스크린샷이 생성되지 않습니다.
섹션 내에서 작업할 때 플러그인 성능 문제를 고려하여 이 옵션을 활성화 상태로 유지하는 것이 좋습니다.
-
-
Phrase Strings에서 콘텐츠 업데이트는 기본적으로 활성화되어 있습니다.
-
Phrase Strings에서 키 이름 업데이트는 기본적으로 활성화되어 있으며, 설정이 비활성화되지 않은 경우에만 적용됩니다.
이 옵션을 끄면 모든 키 이름 입력이 초기화됩니다.
-
선택한 키에서 HTML 번들을 내보내기 위해 업로드 Figma 미리 보기를 활성화하세요.
이 옵션은 Strings에서 동기화된 작업으로 작업할 때 TMS CAT 에디터에서 컨텍스트 내 미리 보기를 생성하는 데 필요합니다.
사용자는 콘텐츠를 푸시할 때 Figma 미리 보기에서 포함할 대상 언어를 선택할 수 있습니다. 언어가 선택되지 않으면 기본적으로 모든 언어가 포함됩니다.
미리 보기가 성공적으로 생성되면, 작업이 Strings에서 자동으로 생성됩니다. Strings 프로젝트에서 활성 작업 자동화는 중복 작업을 피하기 위해 건너뜁니다.
미리 보기가 10 MB 한도를 초과하면, 키는 여전히 Strings로 푸시되지만 미리 보기가 있는 작업은 생성되지 않습니다.
참고
Strings 편집기에서 Figma 미리 보기로 작업하려면, Figma 미리 보기 추가 작업을 상황별 사이드바에서 사용하세요.
-
Figma에서 Phrase로 콘텐츠를 푸시하고 번역을 다시 가져올 때, 풍부한 텍스트 형식(목록, 줄 바꿈, 굵게/기울임, 링크 등)을 유지하려면 콘텐츠 형식 및 스타일 유지를 활성화하세요.
활성화되면, HTML 형식 태그가 자동으로 추가되어 인라인 스타일을 유지하며, Strings에서 동기화된 작업과 함께 작업할 때 TMS의 상황별 미리 보기에서 지원됩니다. HTML 형식 태그는 Strings 편집기와 Figma로 다시 가져온 내보낸 번역에 나타납니다.
풍부한 형식이 필요하지 않다면 이 옵션을 비활성화하여 수동 조정을 피하세요.
설정은 파일 수준에서 적용되며, 파일에서 작업하는 모든 협업자에게 영향을 미칩니다. 이 옵션은 새 파일에 대해 기억됩니다.
연결된 레이어에 대해, 관련된 점 메뉴에서 다음 작업을 사용할 수 있습니다:
-
키 세부정보 보기를 선택하여 Phrase Strings에서 키 설명을 보고/편집하거나 키에 대한 문자 제한을 설정하세요. 창에서 저장된 모든 변경 사항은 편집기 페이지를 새로 고친 후 Strings 편집기 사이드바에 나타납니다.
팁
탭에서 여러 키를 선택하고 일괄 작업 문자 제한 설정을 사용하여 선택한 모든 키에 대해 문자 제한을 한 번에 설정하세요.
-
편집기에서 키 열기를 선택하여 Strings 편집기에서 관련 키로 이동하세요.
-
Phrase Strings에서 콘텐츠 연결 해제를 선택하여 레이어를 기존 키에서 연결 해제하세요.
중복된 콘텐츠 관리
콘텐츠를 푸시할 때, 중복된 콘텐츠가 있는 레이어는 Strings에서 정확히 동일한 텍스트를 포함하는 여러 키를 생성합니다. 사용자는 창에서 이 중복된 콘텐츠를 관리하는 방법을 결정할 수 있습니다:
-
중복된 콘텐츠로 여러 키를 생성하는 것이 의도적이라면 병합 없이 진행을 선택하세요.
-
중복된 콘텐츠를 단일 키로 병합하려면 다음 단계를 따르십시오:
-
목록의 첫 번째 키로 일부 또는 모든 중복된 콘텐츠를 병합하려면 다음 단계를 따르십시오:
-
목록에서 여러 개 또는 모든 키를 선택하고
모든 중복을 첫 번째 키로 병합을 클릭하십시오.
-
진행을 클릭한 후, 팝업에서 병합 및 푸시를 선택하여 확인하십시오.
중복된 콘텐츠가 단일 키로 병합되며, 모든 관련 레이어가 해당 키에 연결됩니다.
이 옵션은 많은 중복이 있는 대용량 파일에 유용하며, 사용자가 모든 중복을 단일 작업으로 첫 번째 키로 병합할 수 있게 해줍니다.
-
자동 제외 레이어 설정은 이름 접두사에 따라 탭에서 텍스트 레이어를 제거합니다. 활성화되면, _ 또는 .로 접두사가 붙은 모든 레이어가 자동으로 제외됩니다.
기본적으로 설정이 꺼져 있으며 파일별로 적용됩니다. 꺼질 때까지 해당 파일의 모든 이름이 있는 레이어에 대해 활성화됩니다.
제외는 선택 간에 지속됩니다. 구성 요소의 경우, 구성 요소의 레이어가 접두사가 붙고 자동 제외 레이어가 활성화되면, 해당 구성 요소를 사용하는 하위 디자인은 제외를 상속받습니다.
에서 접두사가 붙은 레이어를 자동 제외하려면:
플러그인 설정의 섹션 에서는 연결된 키의 명명 규칙을 설정할 수 있습니다.
Figma에서 키 이름을 사용자 지정하려면 다음 단계를 따르세요:
-
스마트 키 명명 활성화를 설정에서 클릭합니다.
-
를 선택합니다.
참고
가 활성화되면, 키 이름은 텍스트 레이어 이름을 기반으로 자동 생성됩니다.
-
필드에 사용자 지정 키 명명을 정의할 텍스트를 입력합니다:
-
선택적으로, 사용 가능한 매크로를 클릭하여 키 이름을 자동으로 생성하기 위해 지원되는 매크로 중 하나를 선택합니다.
여러 매크로를 선택하여 키 이름을 구성할 수 있습니다.
-
필드에서 자유 텍스트와 매크로를 결합할 수 있습니다.
예제를 클릭하여 미리 정의된 예제 중 하나를 표시하고 선택합니다.
-
-
필요한 경우, 텍스트를 수정하고 공백을 제거하기 위해 드롭다운에서 형식 옵션을 선택합니다.
내용을 푸시할 때 Phrase Strings에 새로 생성된 명명 규칙을 이전에 연결된 키에 적용합니다:
-
테이블 하단의 새로 고침
아이콘을 클릭합니다.
-
특정 키를 선택하고 테이블 상단의 키 이름 재생성을 클릭합니다.
사용 가능한 매크로
|
Macro |
설명 |
|---|---|
|
{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로 로컬라이즈된 콘텐츠를 다시 가져올 수 있으며, 이는 디자인의 번역된 버전을 포함하는 새로운 행을 생성합니다.