Integraciones

Figma (Strings)

El contenido se traduce automáticamente del inglés por Phrase Language AI.

Disponible para

  • Todos los planes de pago

Disponible para

  • Plan Advanced y Enterprise (heredados)

Ponte en contacto con el equipo de ventas para preguntar por nuestros planes.

Consejo

Para obtener información sobre la integración de Figma en Phrase TMS, consulte Figma (TMS).

El plugin de Figma permite que el contenido de diseño se integre con los proyectos de Phrase, cerrando la brecha entre los equipos de diseño de productos y localización. El plugin admite el envío de contenido, la obtención de traducciones y la gestión de claves entre Figma y Phrase Strings.

  • La ramificación es compatible.

  • Se requiere acceso a al menos un proyecto y un idioma con derechos de usuario de traductor. El acceso puede ser otorgado mediante una invitación enviada por un administrador o project manager.

  • El plugin enviará capturas de pantalla de los marcos de auto-disposición que no son elementos secundarios.

  • Por defecto, las capas de texto ocultas no se incluyen en la integración. Esto se puede cambiar en la configuración Setup_gear.png seleccionando Incluir capas o marcos ocultos en la selección.

  • Por defecto, las etiquetas seleccionadas en el plugin se borran después del proceso de envío. Esto se puede cambiar en la configuración Setup_gear.png desactivando la opción Borrar etiquetas después del envío.

  • Cualquier cambio realizado en la configuración predeterminada Setup_gear.png del plugin se guardará y permanecerá persistente.

Instalar y conectar el plugin de Figma

Para ejecutar el plugin, selecciónelo desde el navegador de plugins de Figma o desde la Comunidad de Figma y haga clic en Prueba. El plugin estará disponible en el menú Plugins de Figma.

La conexión de Figma a Phrase se puede realizar proporcionando credenciales de Phrase o un token de acceso.

Cuando se establece la conexión, seleccionar un marco carga una vista previa del contenido de Figma y las claves que los usuarios pueden enviar o obtener de Phrase Strings.

La pestaña Conectar claves permitirá conectar las capas de Figma a claves que ya existen en un proyecto de Strings proyecto. Si la convención de nombres es la misma para ambas, las capas y las claves se pueden emparejar automáticamente.

El plugin es accesible a través de botones dedicados en la barra lateral de Figma:

  • Phrase Strings

    Haz clic para abrir el plugin.

  • Ver texto en Strings

    Mostrado en archivos de Figma conectados a un proyecto de Strings. Haz clic para abrir el proyecto relevante en el editor de traducción.

Enviar contenido

La pestaña Enviar contenido a Phrase permite enviar marcos o capas de texto desde Figma a Phrase Strings para localización. No es posible enviar contenido a una rama principal protegida.

Figma Push Content

Selecciona el proyecto, rama (si se está utilizando) e idioma para el contenido que se está enviando. Opcionalmente, ingresa una etiqueta personalizada para agregar a las claves subidas.

Haz clic en el menú Ver opciones 3dots_icon.jpeg para activar y desactivar las siguientes opciones de envío según sea necesario:

  • Cargar capturas de pantalla está habilitado por defecto. Permite adjuntar una captura de pantalla de las capas seleccionadas dentro del marco:

    • Si la configuración Incluir capas o marcos ocultos en la selección está habilitada, las capas de texto ocultas importadas con el plugin de Figma tendrán un marcador colocado en la esquina superior izquierda de la captura de pantalla.

    • Cuando la configuración Excluir secciones de las capturas de pantalla está habilitada, no se crearán capturas de pantalla de secciones de Figma.

      Se recomienda mantener esta opción habilitada en caso de problemas de rendimiento con el plugin mientras se trabaja dentro de secciones.

  • Actualizar contenido en Phrase Strings está habilitado por defecto.

  • Actualizar nombres de claves en Phrase Strings está habilitado por defecto, a menos que la configuración Trabajar con nombres de claves en Figma esté deshabilitada.

    Desactivar esta opción restablece todas las entradas de nombres de claves.

Los nombres de claves vacíos o duplicados se marcan con un contador rojo en la columna Contenido. Para gestionar listas largas de nombres de claves, utiliza el menú desplegable Ordenar por sort_filter.jpeg para mostrar Nombres de claves incompletos primero o Nombres de claves duplicados primero.

Nota

La opción de ordenamiento seleccionada se recordará para futuras sesiones.

Para capas conectadas, las siguientes acciones están disponibles en el menú de elipsis relevante 3dots_comment.jpeg:

  • Selecciona Ver detalles de la clave para ver o editar la descripción de la clave en Phrase Strings. Cualquier cambio guardado en la ventana Detalles de la clave aparecerá en la barra lateral editor de Strings después de actualizar la página del editor.

  • Selecciona Abrir clave en el editor para navegar a la clave relacionada en el editor de Strings.

  • Selecciona Desconectar contenido de Phrase Strings para desconectar la capa de una clave existente.

El botón Enviar a Phrase está deshabilitado si los campos de nombre de clave están vacíos, contienen caracteres no válidos o no son únicos si se selecciona una rama principal protegida.

Selecciona la configuración Trabajar con nombres de clave para editar los campos de nombre de clave y resolver cualquier conflicto de nombres. Si es necesario, selecciona las claves deseadas y haz clic en Excluir capas en la parte superior de la tabla para eliminar esas capas del plugin.

Si hay capas desconectadas con nombres de clave en conflicto, selecciona una de las opciones de resolución disponibles para continuar:

  • Crear copias de clave en Phrase Strings 

    Crea nuevas claves con el sufijo -copia.

  • Conectar con claves existentes 

    Vincula capas a claves de Phrase existentes.

  • No enviar claves en conflicto 

    Solo envía capas sin conflictos.

Si las capas se envían correctamente a Strings, se muestra la ventana Envío completado con un resumen y las siguientes opciones:

  • Crear trabajo 

    Haz clic para abrir la página Crear un trabajo con las claves enviadas preseleccionadas.

  • Abrir en Strings 

    Haga clic para ver las claves enviadas en el Editor de Cadenas.

Un ícono de advertencia amarillo warning_icon.jpeg aparece junto a las claves cuyos nombres han sido cambiados en Cadenas después de enviar contenido. Para actualizar los nombres de las claves en el plugin de Figma, seleccione Sincronizar nombre de clave del menú de elipsis 3dots_comment.jpeg junto al nombre de clave que no coincide.

Gestionar contenido duplicado

Al enviar contenido, las capas con contenido duplicado generarán múltiples claves en Cadenas que contienen exactamente el mismo texto. Los usuarios pueden decidir cómo gestionar este contenido duplicado en la ventana Enviar contenido a Phrase:

  • Seleccione Proceder sin fusionar si crear múltiples claves con contenido duplicado es intencional.

  • Para fusionar parte o todo el contenido duplicado en una sola clave, siga estos pasos:

    1. Seleccione dos o más claves de la lista y haga clic en merge_icon.jpeg Fusionar a una clave...

      Se muestra un menú desplegable con las claves disponibles para fusionar.

    2. Seleccione la clave en la que fusionar el contenido duplicado.

      La clave seleccionada está marcada con un ícono de fusión azul Merge to a Key en la ventana Enviar contenido a Phrase.

    3. Haga clic en Proceder, luego confirme seleccionando Fusionar y Enviar en el popup Fusionar contenido duplicado.

      El contenido duplicado se fusiona en una sola clave, y todas las capas asociadas están conectadas a esa clave.

Configurar Nombres de Clave

La sección Nombres de clave de la configuración del plugin Setup_gear.png permite establecer la convención de nombres para las claves conectadas.

Para personalizar los nombres de las claves en Figma, siga estos pasos:

  1. Haga clic en Habilitar nombrado inteligente de claves en la configuración Nombres de clave.

  2. Seleccione Trabajar con nombres de clave en Figma.

    Nota

    Si Sincronizar nombres de capas de texto con claves está habilitado, los nombres de las claves se generan automáticamente en función de los nombres de las capas de texto.

  3. En el campo Generación de nombres de clave, ingrese texto para definir la personalización de nombres de clave:

    • Opcionalmente, haga clic en Macros disponibles para seleccionar una de las macros soportadas para generar nombres de clave automáticamente.

      Se pueden seleccionar múltiples macros para componer el nombre de la clave.

    • Es posible combinar texto libre y macros en el campo Generación de nombres de clave.

      Haga clic en Ejemplos para mostrar y elegir uno de los ejemplos predefinidos.

  4. Si es necesario, seleccione una opción de formato del menú desplegable Convención de formato para modificar el texto en consecuencia y eliminar espacios.

Al enviar contenido a Phrase Strings, aplique la nueva convención de nombres creada a las claves previamente conectadas mediante:

  • Haciendo clic en el icono de actualización refresh_icon.jpg en la parte inferior de la tabla.

  • Seleccionando claves específicas y haciendo clic en Regenerar nombres de clave en la parte superior de la tabla.

Macros disponibles

Macro

Descripción

{file_name}

El nombre del archivo de Figma

{page}

La página de Figma donde se identifica la clave

{parent_section}

La sección de nivel más alto en el árbol de páginas

{nearest_section}

La sección más cercana a la capa de texto en el árbol de páginas

{frame}

El marco donde se identifica la clave

{parent_group}

El grupo de nivel más alto en el árbol de páginas

{nearest_group}

El grupo más cercano a la capa de texto en el árbol de la página

{component}

El nombre del componente de Figma donde se encuentra la clave. Solo se consideran componentes de origen.

{element_name}

El nombre de la capa de texto

{element_content}

El contenido de la capa de texto

{random}

Un hash corto único generado aleatoriamente

Conectar o Desconectar Claves

Al enviar contenido, los usuarios pueden conectar capas a claves existentes en Phrase Strings o generar nuevas.

Selecciona la pestaña Conectar claves para mostrar una visión general de las claves conectadas y desconectadas.

Connect Keys UI Locations

Las claves que ya están conectadas se identifican con un icono de enlace Connected Key en la columna Nombre de clave. Si es necesario, selecciona el proyecto, la rama (si se está utilizando) y el idioma, o haz clic en el icono de búsqueda para encontrar el contenido deseado.

Selecciona Conectar claves para conectar en bloque todas las claves no vinculadas en la pestaña. Para conectar o desconectar claves individuales, haz clic en el icono correspondiente a la derecha de la entrada correspondiente.

Nota

La opción de desconectar claves individuales también está disponible en la pestaña Enviar contenido a Phrase.

Extraer Traducciones

Una vez que las traducciones estén completas, selecciona las capas o marcos de Figma para extraer traducciones y haz clic en la pestaña Extraer contenido a Figma.

Figma Pull Content

Los usuarios pueden seleccionar el proyecto, rama (si se está utilizando) y el idioma para el contenido que se está extrayendo. Las etiquetas no se pueden extraer de nuevo a Figma.

Para gestionar listas largas de nombres de clave, usa el Clasificar por sort_filter.jpeg menú desplegable para mostrar Nombres de clave incompletos primero y abordar cualquier problema potencial. Si es necesario, selecciona claves específicas y haz clic en Excluir capas en la parte superior de la tabla para eliminar esas capas del plugin.

Nota

La opción de ordenamiento seleccionada se recordará para futuras sesiones.

Haz clic en el menú Opciones de vista 3dots_icon.jpeg para elegir cómo mostrar el contenido extraído en Figma:

  • Crea una nueva página con contenido traducido

    Seleccionado por defecto.

  • Sobrescribir capas de texto con traducciones

    Las capas de texto seleccionadas se sobrescribirán con las traducciones y se actualizarán en la vista previa.

  • Mostrar nombres de clave en lugar de contenido

    Deshabilitado por defecto. Cuando está habilitado:

    • Los nombres de clave se extraen y se muestran en lugar del contenido traducido.

    • Seleccionar un idioma para el contenido extraído ya no es posible.

  • Vista previa del contenido en el idioma seleccionado

    La configuración se recordará para futuras sesiones.

    • Si está deshabilitado, la columna Contenido muestra el contenido de las capas seleccionadas directamente.

    • Cuando está habilitado, la columna Contenido muestra una vista previa del contenido en el idioma seleccionado para las capas conectadas.

      • Para capas desconectadas, habilita la opción Conectar con claves existentes para mostrar una vista previa en el idioma seleccionado. Si existe una clave con el mismo nombre en los datos extraídos, se utiliza el contenido de esa clave como vista previa.

  • Conectar con claves existentes

    Controla cómo se manejan las capas desconectadas al extraer datos en Figma. La configuración se recordará para futuras sesiones.

    • Cuando está habilitado, el sistema verifica si existe una clave con el mismo nombre en los datos extraídos.

      Si se encuentra una concordancia:

      • Las capas desconectadas están conectadas a las claves de concordancia.

      • El contenido de las capas se actualiza con el contenido extraído de las claves existentes.

    • Si está deshabilitado, las capas desconectadas no se actualizan, incluso si existen claves de concordancia en los datos extraídos.

Si el contenido se extrae con éxito a Figma, se muestra la ventana Pull completed con un resumen de las capas actualizadas.

¿Fue útil este artículo?

Sorry about that! In what way was it not helpful?

The article didn’t address my problem.
I couldn’t understand the article.
The feature doesn’t do what I need.
Other reason.

Note that feedback is provided anonymously so we aren't able to reply to questions.
If you'd like to ask a question, submit a request to our Support team.
Thank you for your feedback.