Localizar las capas de texto de tus diseños de Figma

CopyDoc incluye una función de localización integrada que te ayuda a traducir cualquier frame de tu página de Figma a varios idiomas o variaciones de contenido.

Vídeo tutorial: la forma más sencilla de localizar cualquier diseño de Figma

Este vídeo tutorial es una guía completa paso a paso que te muestra la forma más sencilla de localizar cualquier diseño de Figma con el plugin CopyDoc.

Vídeo tutorial: traducir capas de texto de Figma con archivos XLIFF

Este vídeo muestra cómo traducir capas de texto de Figma con archivos XLIFF usando el plugin CopyDoc.

¿Buscas el flujo de trabajo con XLIFF? ​

Si has buscado Localize Figma Text, Localise Figma Text, Export/Import XLIFF o XLF, este es el flujo de trabajo de localización de CopyDoc que necesitas.

En CopyDoc, haz clic en Localize Frames para abrir el flujo de localización basado en hojas de cálculo .xlsx. Si prefieres usar archivos de traducción XLIFF, haz clic en Export Text Layers, elige el formato XLIFF 1.2 o XLIFF 2.0 y, después, vuelve a importar el archivo traducido con Import Text Layers.

Para ver un ejemplo paso a paso con XLIFF, consulta Translate Figma text layers with XLIFF files.

Exportar las capas de texto de Figma a una hoja de cálculo de localización ​

Al hacer clic en el botón Localize Frames de CopyDoc, puedes exportar tus frames y seleccionar los idiomas de destino a los que quieres traducir los diseños (por ejemplo, francés, alemán, etc.). Al hacer clic en el botón Export XLSX, el contenido de texto de tus frames se exporta automáticamente a un archivo de hoja de cálculo .xlsx.

Agrupar capas de texto duplicadas ​

Si activas la opción Group Duplicate Text Layers, las capas de texto con exactamente el mismo contenido se agruparán automáticamente en una sola entrada de la exportación XLSX. Esta opción puede facilitar un poco la edición y la reimportación del contenido en Figma, ya que solo tienes que editar el texto en un sitio.

Mantener las mayúsculas y minúsculas visuales de Figma ​

Si activas la opción Use Figma Text Case, las capas de texto exportadas se ajustarán automáticamente a la opción de mayúsculas y minúsculas «visual» (por ejemplo, «Uppercase», «Title Case», «Lowercase») definida en tu capa de texto en Figma. Puedes usar esta opción para reflejar el texto tal como se ve en tu diseño, en lugar de exportar el contenido subyacente de la capa de texto (por ejemplo, tal como aparece con el ajuste predeterminado «As typed» seleccionado).

Añadir el contenido localizado en cada columna de idioma de la hoja de cálculo ​

Cuando hayas exportado el archivo .xlsx, puedes editar el archivo de Excel y rellenar las columnas de idioma vacías según necesites.

Si necesitas añadir a tu hoja de cálculo de localización columnas adicionales que no quieres importar en Figma (por ejemplo, metadatos como «approved», «status», «reviewer», etc.), añade un prefijo de tres guiones bajos delante del nombre del encabezado de la columna (por ejemplo, ___approved o __status). Así, CopyDoc ignorará esa columna cuando vuelvas a importar el archivo .xlsx en Figma.

Volver a importar la hoja de cálculo localizada en Figma ​

Cuando hayas rellenado los idiomas y guardado tus hojas de cálculo, puedes volver a importar el archivo .xlsx en el plugin CopyDoc arrastrándolo y soltándolo, y hacer clic en el botón Localize Frames para importar el nuevo contenido en cada idioma. Al volver a importar el archivo, CopyDoc creará automáticamente una página nueva con un nuevo frame de email por idioma, con todos los cambios de texto que hayas hecho en la hoja de cálculo (por capa de texto o «fila»).

Definir el orden de los frames importados ​

Cuando CopyDoc cargue tu hoja de cálculo, arrastra los frames de la vista previa de importación para ponerlos en el orden que prefieras antes de hacer clic en Localize Frames. Si Keep Frame Positions está desactivado, CopyDoc usa este orden para colocar los frames originales y localizados de arriba abajo en la página nueva.

Si activas el interruptor Keep Frame Positions, la disposición y la posición de los nuevos frames importados o traducidos coincidirán con la disposición de los frames originales que se exportaron desde Figma. Si lo desactivas, el plugin los colocará en una cuadrícula ordenada.

Si activas el interruptor Add a “Worst Case” Frame (Longest Text), se creará un frame adicional que toma, para cada capa de texto, el texto más largo de todos los nuevos idiomas o traducciones de la hoja de cálculo. Este frame muestra el peor caso posible de textos muy largos, lo que te ayuda a comprobar la solidez del diseño y asegurarte de que admite textos de cualquier longitud sin romperse ni quedar raro.

Usar formato Markdown ​

Si quieres, puedes exportar el texto de tus hojas de cálculo de localización en Markdown activando el interruptor Use Markdown, que convierte automáticamente cualquier texto en negrita, en cursiva o con hipervínculo a su formato Markdown (ver abajo). Así puedes editar o añadir formato a distintas partes del contenido de texto de tu diseño de CopyDoc antes de volver a importar el texto traducido.

Después de editar la hoja de cálculo exportada y añadir o quitar formato Markdown, activa el interruptor Import Markdown Formatting para que la importación XLSX interprete automáticamente el formato Markdown básico compatible (ver abajo) y lo aplique a tus capas de texto de Figma.

Actualmente, CopyDoc admite formato Markdown en línea para negrita, cursiva, negrita y cursiva, hipervínculos y saltos de línea. No añadas encabezados, listas, bloques de código, tablas, HTML ni ninguna otra sintaxis Markdown fuera de esas funciones de texto en línea compatibles.

Formato Markdown compatible: ​

  • Para poner texto en negrita, rodéalo con dos asteriscos, por ejemplo, **Text to bold**
  • Para poner texto en cursiva, rodéalo con un guion bajo, por ejemplo, _Italic Text_
  • Para poner texto en negrita y cursiva, rodéalo con dos asteriscos y un guion bajo, por ejemplo, **_Italic Text_**
  • Para añadir hipervínculos, usa la sintaxis Markdown This is [my link here](https://example.com) in a text paragraph (también puedes dar formato al texto del enlace añadiendo la sintaxis de negrita o cursiva dentro de los [] del enlace).

Otros flujos de trabajo de localización ​

CopyDoc también es compatible con flujos de trabajo de localización asistidos por IA:

Cada proveedor de localización con IA admite dos flujos de trabajo en CopyDoc: una opción de traducción directa por API y una opción de instrucción manual que genera una instrucción de traducción CSV para que la ejecutes en la aplicación del propio proveedor.