Figma (Strings)

컨텐츠는 영어 텍스트를 Phrase Language AI를 이용해 기계 번역한 것입니다.

사용 가능

모든 유료 요금제

사용 가능

고급 및 기업 요금제 (레거시)

라이선스에 관한 질문은 영업팀에 문의하십시오.

팁

Phrase TMS에서 Figma 통합에 대한 정보는 Figma (TMS)을 참조하십시오.

Figma 플러그인은 디자인 콘텐츠를 Phrase 프로젝트와 통합하여 제품 디자인과 현지화 팀 간의 간극을 연결합니다. 이 플러그인은 콘텐츠 푸시, 번역 풀 및 Figma와 Phrase Strings 간의 키 관리를 지원합니다.

분기가 지원됩니다.
번역가 사용자 권한이 있는 최소한 하나의 프로젝트와 하나의 언어에 대한 액세스가 필요합니다. 액세스는 관리자 또는 프로젝트 관리자가 보낸 초대를 통해 부여될 수 있습니다.
플러그인은 하위 요소가 아닌 자동 레이아웃 프레임의 스크린샷을 보냅니다.
기본적으로 숨겨진 텍스트 레이어는 통합에 포함되지 않습니다. 이는 의 설정에서 선택에서 숨겨진 레이어 또는 프레임 포함을 선택하여 변경할 수 있습니다.
기본적으로 플러그인에서 선택된 태그는 푸시 프로세스 후에 지워집니다. 이는 의 설정에서 푸시 후 태그 지우기 옵션을 비활성화하여 변경할 수 있습니다.
플러그인의 기본 설정 에 대한 모든 변경 사항은 저장되며 지속적으로 유지됩니다.

Figma 플러그인 설치 및 연결

플러그인을 실행하려면 Figma의 플러그인 브라우저 내에서 선택하거나 Figma 커뮤니티에서 선택하고 사용해 보기를 클릭하십시오. 플러그인은 Figma 플러그인 메뉴에서 사용할 수 있게 됩니다.

Figma에서 Phrase로의 연결은 Phrase 자격 증명 또는 액세스 토큰을 제공하여 이루어질 수 있습니다.

연결이 이루어지면 프레임을 선택하면 Figma 콘텐츠와 사용자가 Phrase Strings에 푸시하거나 풀 수 있는 키의 미리 보기가 로드됩니다.

키 연결 탭은 Figma 레이어를 Strings 프로젝트에 이미 존재하는 키에 연결할 수 있게 합니다. 레이어와 키의 명명 규칙이 동일하면 자동으로 일치할 수 있습니다.

플러그인은 Figma 사이드바의 전용 버튼을 통해 접근할 수 있습니다:

Phrase Strings

플러그인을 열려면 클릭하세요.
문자열에서 텍스트 보기

Strings 프로젝트에 연결된 Figma 파일에 표시됩니다. 관련 프로젝트를 번역 편집기에서 열려면 클릭하세요.

콘텐츠 푸시

Phrase 탭은 Figma에서 Phrase Strings로 프레임이나 텍스트 레이어를 로컬화하기 위해 전송할 수 있게 합니다. 보호된 메인 브랜치에 콘텐츠를 푸시할 수 없습니다.

푸시할 콘텐츠에 대한 프로젝트, 분기 (사용 중인 경우) 및 언어를 선택하세요. 선택적으로 업로드된 키에 추가할 사용자 지정 태그를 입력하세요.

필요에 따라 다음 푸시 옵션을 켜고 끌 수 있도록 옵션 보기 메뉴를 클릭하세요:

스크린샷 업로드는 기본적으로 활성화되어 있습니다. 프레임 내에서 선택된 레이어의 스크린샷을 첨부할 수 있습니다:
- 선택에서 숨겨진 레이어 또는 프레임 포함 설정이 활성화된 경우, Figma 플러그인으로 가져온 숨겨진 텍스트 레이어에는 스크린샷의 왼쪽 상단 모서리에 마커가 표시됩니다.
- 스크린샷에서 섹션 제외 설정이 활성화된 경우, Figma 섹션의 스크린샷이 생성되지 않습니다.
  
  섹션 내에서 작업할 때 플러그인 성능 문제를 대비하여 이 옵션을 활성화 상태로 유지하는 것이 좋습니다.
Phrase Strings에서 콘텐츠 업데이트는 기본적으로 활성화되어 있습니다.
Phrase Strings에서 키 이름 업데이트는 기본적으로 활성화되어 있으며, Figma에서 키 이름 작업 설정이 비활성화되지 않는 한 활성화됩니다.

이 옵션을 끄면 모든 키 이름 입력이 초기화됩니다.

빈 또는 중복된 키 이름은 콘텐츠 열에서 빨간 카운터로 표시됩니다. 긴 키 이름 목록을 관리하려면 정렬 드롭다운을 사용하여 불완전한 키 이름 먼저 또는 중복된 키 이름 먼저 표시합니다.

참고

선택한 정렬 옵션은 향후 세션에 기억됩니다.

연결된 레이어의 경우 관련 생략 기호 메뉴에서 다음 작업을 사용할 수 있습니다:

키 세부정보를 보거나 편집하려면 키 세부정보 보기를 선택하여 Phrase Strings에서 키 설명을 확인합니다. 키 세부정보 창에 저장된 모든 변경 사항은 편집기 페이지를 새로 고친 후 Strings 편집기 사이드바에 나타납니다.
편집기에서 관련 키로 이동하려면 편집기에서 키 열기를 선택합니다.
기존 키에서 레이어를 분리하려면 Phrase Strings에서 콘텐츠 분리를 선택합니다.

키 이름 입력이 비어 있거나 유효하지 않은 문자가 포함되어 있거나 보호된 주요 분기가 선택된 경우 Phrase로 푸시 버튼이 비활성화됩니다.

키 이름 입력을 편집하고 이름 충돌을 해결하려면 키 이름으로 작업하기 설정을 선택합니다. 필요한 경우 원하는 키를 선택하고 테이블 상단의 레이어 제외를 클릭하여 해당 레이어를 플러그인에서 제거합니다.

충돌하는 키 이름을 가진 분리된 레이어가 있는 경우 진행하기 위해 사용 가능한 해결 옵션 중 하나를 선택합니다:

Phrase Strings에서 키 복사 생성

-복사 접미사가 있는 새 키를 생성합니다.
기존 키와 연결

레이어를 기존 Phrase 키에 연결합니다.
충돌하는 키 푸시 안 함

충돌하지 않는 레이어만 푸시합니다.

레이어가 Strings에 성공적으로 푸시되면 푸시 완료 창이 요약과 함께 표시되며 다음 옵션이 제공됩니다:

생성 작업

푸시된 키가 미리 선택된 작업 생성 페이지를 열려면 클릭합니다.
문자열에서 열기

푸시된 키를 문자열 편집기에서 보려면 클릭하세요.

내용을 푸시한 후 이름이 변경된 키 옆에 노란색 경고 아이콘 이 나타납니다. Figma 플러그인에서 키 이름을 업데이트하려면 불일치하는 키 이름 옆의 점 3개 메뉴에서 키 이름 동기화를 선택하세요.

중복된 콘텐츠 관리

콘텐츠를 푸시할 때 중복된 콘텐츠가 있는 레이어는 문자열에 정확히 동일한 텍스트를 포함하는 여러 키를 생성합니다. 사용자는 Phrase에 콘텐츠 푸시 창에서 이 중복된 콘텐츠를 관리하는 방법을 결정할 수 있습니다:

중복된 콘텐츠로 여러 키를 생성하는 것이 의도적이라면 병합 없이 진행을 선택하세요.
일부 또는 모든 중복된 콘텐츠를 단일 키로 병합하려면 다음 단계를 따르세요:
1. 목록에서 두 개 이상의 키를 선택하고 키로 병합...을 클릭하세요.
  
  병합할 수 있는 키가 있는 드롭다운이 표시됩니다.
2. 중복된 콘텐츠를 병합할 키를 선택하세요.
  
  선택한 키는 Phrase에 콘텐츠 푸시 창에서 파란색 병합 아이콘 으로 표시됩니다.
3. 진행을 클릭한 다음 중복된 콘텐츠 병합 팝업에서 병합 및 푸시를 선택하여 확인하세요.
  
  중복된 콘텐츠가 단일 키로 병합되고 모든 관련 레이어가 해당 키에 연결됩니다.

키 이름 구성

플러그인 설정의 키 이름 지정 섹션 에서 연결된 키의 이름 규칙을 설정할 수 있습니다.

Figma에서 키 이름을 사용자 정의하려면 다음 단계를 따르세요:

스마트 키 이름 지정 활성화를 키 이름 지정 설정에서 클릭하세요.
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의 기존 키에 레이어를 연결하거나 새 키를 생성할 수 있습니다.

연결된 키와 연결 해제된 키의 개요를 표시하려면 키 연결 탭을 선택하십시오.

이미 연결된 키는 키 이름 열의 링크 Connected Key 아이콘으로 식별됩니다. 필요한 경우 프로젝트, 분기(사용 중인 경우) 및 언어를 선택하거나 검색 아이콘을 클릭하여 원하는 콘텐츠를 찾습니다.

탭에서 모든 연결되지 않은 키를 일괄적으로 연결하려면 키 연결을 선택하십시오. 개별 키를 연결하거나 연결 해제하려면 해당 항목의 오른쪽에 있는 관련 아이콘을 클릭하십시오.

참고

개별 키를 연결 해제하는 옵션은 콘텐츠 푸시를 Phrase 탭에서도 사용할 수 있습니다.

번역 가져오기

번역이 완료되면 번역을 가져올 Figma 레이어 또는 프레임을 선택하고 Figma로 콘텐츠 가져오기 탭을 클릭하십시오.

사용자는 가져올 콘텐츠에 대한 프로젝트, 분기(사용 중인 경우) 및 언어를 선택할 수 있습니다. 태그는 Figma로 다시 가져올 수 없습니다.

키 이름의 긴 목록을 관리하려면 정렬 기준 드롭다운을 사용하여 불완전한 키 이름 먼저 표시하고 잠재적인 문제를 해결하십시오. 필요한 경우 특정 키를 선택하고 테이블 상단의 레이어 제외를 클릭하여 해당 레이어를 플러그인에서 제거하십시오.

참고

선택한 정렬 옵션은 향후 세션에 기억됩니다.

가져온 콘텐츠를 Figma에서 표시하는 방법을 선택하려면 옵션 보기 메뉴를 클릭하십시오.

새 페이지를 생성하고 번역된 컨텐츠로 채우기

기본적으로 선택됨.
텍스트 레이어를 번역으로 덮어쓰기

선택된 텍스트 레이어는 번역으로 덮어쓰여지고 뷰포트에서 업데이트됩니다.
컨텐츠 대신 키 이름 표시

기본적으로 비활성화됨. 활성화되면:
- 키 이름이 끌어온 컨텐츠 대신 표시됩니다.
- 끌어온 컨텐츠에 대한 언어 선택이 더 이상 불가능합니다.
선택한 언어로 컨텐츠 미리 보기

설정은 향후 세션을 위해 기억됩니다.
- 비활성화되면, 컨텐츠 열은 선택된 레이어의 컨텐츠를 직접 표시합니다.
- 활성화되면, 컨텐츠 열은 연결된 레이어의 선택된 언어로 컨텐츠 미리 보기를 표시합니다.
  - 연결되지 않은 레이어의 경우, 선택된 언어로 미리 보기를 표시하려면 기존 키와 연결 옵션을 활성화하세요. 끌어온 데이터에 동일한 이름의 키가 존재하면, 해당 키의 컨텐츠가 미리 보기로 사용됩니다.
기존 키와 연결

Figma에서 데이터를 끌어올 때 연결되지 않은 레이어가 처리되는 방식을 제어합니다. 설정은 향후 세션을 위해 기억됩니다.
- 활성화되면, 시스템은 끌어온 데이터에 동일한 이름의 키가 존재하는지 확인합니다.
  
  일치 항목이 발견되면:
  - 연결되지 않은 레이어가 일치하는 키에 연결됩니다.
  - 레이어의 컨텐츠가 기존 키에서 끌어온 컨텐츠로 업데이트됩니다.
- 비활성화된 경우, 연결이 끊어진 레이어는 업데이트되지 않으며, 가져온 데이터에 일치하는 키가 존재하더라도 업데이트되지 않습니다.

컨텐츠가 Figma로 성공적으로 가져오면, Pull completed 창이 표시되어 업데이트된 레이어의 요약이 나타납니다.