← 블로그로

VberAI 원클릭 번역: UI / Figma / PSD 텍스트만 번역—레이아웃 유지

VberAI Studio가 UI 목업과 Figma/PSD 텍스트 레이어를 AI 번역: 텍스트만 변경, 레이아웃·디자인·구조·계층 유지—더 빠른 다국어 및 글로벌 출시.

게시일
  • vberai
  • ai-studio
  • ui-translate
  • ui-translation
  • game-ui-translate
  • localization
  • i18n
  • figma
  • psd
  • game-ui
  • tutorial
VberAI 원클릭 번역: UI / Figma / PSD 텍스트만 번역—레이아웃 유지

VberAI Studio (≠ Google AI Studio)는 원클릭 번역을 지원합니다. 전체 화면 UI 목업 또는 가져온 Figma / PSD 텍스트 레이어의 인터페이스 카피를 대상 언어로 AI 번역합니다—텍스트만 변경됩니다. 레이아웃, 시각적 디자인, 구조, 계층은 그대로 유지됩니다. 언어별로 UI를 다시 만들거나 “복사 편집 → 재배열 → 재슬라이스” 과정을 반복할 필요가 없습니다.

제품: AI Studio. 번역 후에도 원클릭 리스킨, 인플레이스 슬라이싱, 엔진 내보내기를 연계할 수 있습니다. 용어집: UI 번역.

다국어 UI에 시간이 많이 드는 이유

게임과 앱이 더 많은 시장에 진출할 때, 디자인 작업은 보통 다음과 같습니다:

  1. 기본 언어 비주얼 확정 (전체 화면 목업 또는 Figma / PSD)
  2. 버튼, 제목, 배지, 탭 복사를 번역가에게 전달
  3. 아트/UI가 문자열을 다시 붙여 넣고, 길이 폭발, 줄 바꿈, 정렬 문제를 해결
  4. 다국어 슬라이스를 Unity / Godot / Cocos로 내보내기

비용이 많이 드는 부분은 “문장 번역”이 거의 아닙니다. 문제는 동일한 UI 레이아웃을 N번 복제하는 것입니다: 구조는 동일하지만, 언어마다 붙여넣기, 프레임 조정, 정렬, QA에 시간이 소모됩니다. 원클릭 번역은 이 지점을 겨냥합니다—지오메트리와 계층은 고정되고, 읽을 수 있는 텍스트만 교체됩니다.

기존 다국어 UIVberAI 원클릭 번역
프로세스문자열 시트 → 목업에 붙여넣기 → 크기/정렬 조정 → 재슬라이스아트보드/레이어 선택 → 대상 언어 선택 → AI가 텍스트 번역
레이아웃길이 변화로 재배열 필요레이아웃, 디자인, 구조, 계층 유지
입력분리된 내보내기나 테이블전체 화면 목업 또는 Figma / PSD 레이어 (현재 Studio 기준)
적합한 경우규제 검토, 극단적 리플로우빠른 다국어 비주얼, 다 locale 비교, 이벤트 페이지 현지화

”원클릭 번역”의 의미

Studio 관점에서, 출시 가능한 정의는 다음과 같습니다:

  1. 번역 — 화면의 읽을 수 있는 텍스트를 대상 언어로 변환 (메뉴, 버튼, 배지, 도움말 텍스트 등)
  2. 텍스트만 — 패널 재구성 없음, 테마 리스킨 없음; 아이콘과 장식 레이어는 가능한 한 원래 위치 유지
  3. 구조 유지 — 레이아웃, 상대적 위치, 크기 관계, 레이어 순서가 번역 전 소스와 일치하여 언어별 재구축 불필요
  4. 입력 — 캔버스 UI 목업, 가져온 Figma / PSD 텍스트 관련 레이어 (진입점은 제품 UI를 따름)

원클릭 리스킨과 다릅니다: 리스킨은 비주얼 테마(시즌, IP 등)를 바꾸고, 번역은 화면 카피의 언어를 바꿉니다—둘 다 레이아웃은 바꾸지 않습니다. 일반적인 흐름: UI 레이아웃 확정 → 다국어 목업 생성 → 테마 리스킨(선택) → 엔진 슬라이스.

Before / After: 동일한 홈 화면, 카피 언어만 변경

다음은 VberAI Studio에서 번역 전후의 동일한 카드 게임 홈 화면입니다: 내비게이션, 모드 카드, 사이드 레일, 하단 바는 그대로 유지되고, 텍스트 언어만 변경됩니다. 스크린샷 쌍은 예시일 뿐이며, 현재 페이지 언어와 무관합니다.

번역 전: UI 홈 화면

번역 후: UI 홈 화면

상단 바의 이벤트 / 작업 / 메일, 세 개의 모드 열, 상점 / 보상 사이드 항목, 홈에서 설정까지의 탭 바는 기하 관계가 일대일로 유지됩니다. “Classic Mode / Tournament Mode” 같은 라벨이 대상 언어로 전환되며, 전체 화면을 다시 그릴 필요가 없습니다.

단계

1. 디자인 준비

명확한 입력 사용:

  • 캔버스의 전체 화면 UI 목업 (AI 생성 또는 가져오기)
  • Figma / PSD를 Studio로 가져옴 (인식 및 쓰기 저장을 위해 텍스트를 별도 레이어로 두는 것이 좋음)

제어 경계와 읽기 쉬운 텍스트 레이어가 번역 후 QA를 안정적으로 만듭니다.

2. 아트보드 또는 관련 레이어 선택, 원클릭 번역 열기

현지화할 화면(또는 텍스트 관련 레이어)을 선택한 다음, 도구 모음에서 AI 번역 / 원클릭 번역을 엽니다 (라벨은 제품 UI를 따름).

3. 대상 언어 선택 및 실행

대상 언어를 선택합니다 (예: RU → EN, EN → ZH, 또는 기타 지역 로케일). 확인 후 실행합니다; 시간과 크레딧은 Studio 패널을 따릅니다.

4. 비교: 단어는 변경, 프레임은 이동 없음

확인 사항:

  • 기본 버튼, 모드 카드, 탭 라벨이 여전히 동일한 상대적 위치에 있는지
  • 긴 번역이 넘치지 않는지 (일부 로케일은 약간의 글꼴 또는 텍스트 조정 필요)
  • 사람의 확정이 필요한 고유 명사, 브랜드 이름, 게임플레이 용어
  • 엔지니어링에서 에셋이 필요할 때, 슬라이스/내보내기 또는 기존 레이어 가져오기 경로로 계속 진행

다른 Studio 경로와의 연계

필요경로
동일 레이아웃, 다국어 텍스트 목업이 문서: 원클릭 번역
동일 레이아웃, 시즌 / 테마 리스킨원클릭 리스킨
평면 전체 화면 아트를 엔진으로인플레이스 슬라이싱, 목업 분할 → 엔진
기존 Figma / PSD 레이어Figma→Unity 및 관련 게시물—가져온 후 번역하거나, 번역 후 내보내기
엔진에서 버튼 및 스크립트 바인딩Engine MCP 워크플로

제한 사항

  • 원클릭 번역은 지오메트리와 계층을 고정합니다. 매우 긴 문자열, 세로 서체 장식, 픽셀에 구운 아트 텍스트는 여전히 사람의 검토가 필요합니다.
  • 게임플레이 속어, 법적 텍스트, 결제, 연령 등급은 현지화 검토가 필요합니다—기계 출력만으로 출시하지 마세요.
  • 최종 엔진 내 i18n (TMP / 문자열 테이블 / 핫 업데이트)은 여전히 프로젝트에서 이루어집니다. Studio는 디자인 측면의 다국어 비주얼을 가속화합니다.
  • VberAI Studio ≠ Google AI Studio이며, 페이지를 웹 번역기에 넣는 것이 아닙니다. 비교를 참조하세요.

마무리

다국어 출시는 단순히 “번역할 수 있는가”만이 아닙니다. 동일한 UI 레이아웃을 locale과 언어 시장에 저렴하게 복제할 수 있는가가 중요합니다. VberAI Studio는 “UI 목업 / Figma / PSD → 원클릭 번역 (텍스트만) → 레이아웃 및 구조 유지”를 하나의 캔버스에서 처리하고, 선택적 리스킨, 슬라이스, 엔진 내보내기까지 지원합니다—재구축 낭비를 줄이고 다중 시장 검증을 빠르게 합니다. 여기서 시작하세요: AI Studio.

FAQ

UI 번역과 “UI 번역하기”는 같은 것인가요?
표현은 겹칩니다: UI 번역은 읽을 수 있는 인터페이스 카피의 현지화를, UI 번역하기는 전체 화면 목업을 다른 언어로 바꾸는 것을 뜻하는 경우가 많습니다. VberAI 원클릭 번역은 둘 다 지원—전체 화면 UI 또는 Figma / PSD 텍스트 레이어의 카피만; 레이아웃, 디자인, 구조, 계층은 고정입니다.

VberAI 원클릭 번역이란 무엇인가요?
VberAI Studio에서 전체 화면 UI 또는 Figma/PSD 관련 레이어의 텍스트를 AI 번역하며, 레이아웃, 디자인, 구조, 계층은 소스와 일치하게 유지됩니다—텍스트만 교체됩니다.

번역 후 레이아웃이 정말 유지되나요?
네. 제품 목표는 UI 레이아웃의 지오메트리와 계층을 일대일로 유지하는 것입니다. QA는 문자열 길이와 고유 명사에 집중합니다.

Figma / PSD를 지원하나요?
네—Studio에서 가져온 Figma / PSD 레이어를 번역할 수 있습니다 (현재 패널 기준). 별도의 텍스트 레이어가 일반적으로 더 잘 작동합니다.

원클릭 리스킨이나 인플레이스 슬라이싱과 같은 것인가요?
아니요. 번역은 언어를 바꾸고, 리스킨은 테마 외관을 바꾸며, 슬라이싱은 평면 화면을 엔진 준비 레이어로 변환합니다. 세 가지를 모두 연계할 수 있습니다.

어떤 경우에 가장 적합한가요?
전 세계 출시용 다국어 홈 화면, 이벤트 페이지 현지화, 다 locale 나란히 비교, “시각적 다국어 목업을 먼저, 엔진 문자열 테이블은 나중에” 워크플로 가속에 적합합니다.

이 글도 추천합니다