-
Plan Advanced y Enterprise (anteriores)
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, consulta 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 disposición automática 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
seleccionando .
-
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
-
Cualquier cambio realizado en la configuración predeterminada
Para ejecutar el plugin, selecciónalo desde el navegador de plugins de Figma o desde la Comunidad de Figma y haz clic en Try it out para probarlo. El plugin estará disponible en el menú de Figma.
La conexión de Figma a Phrase se puede realizar proporcionando credenciales de Phrase, un token de acceso o un inicio de sesión único (SSO).
Para iniciar sesión con SSO:
-
En la pantalla de inicio de sesión del plugin, selecciona Iniciar sesión con SSO.
-
Introduce el ID de la organización.
-
Completa el inicio de sesión en la pestaña del navegador que se abre.
Regresa al plugin, ya autenticado.
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 recibir de Phrase Strings.
La pestaña permitirá conectar las capas de Figma a claves que ya existen en un proyecto de Strings. 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
Se muestra en los archivos de Figma vinculados a un proyecto de Strings. Haz clic para abrir el proyecto relevante en el editor de traducción.
La pestaña permite enviar marcos o capas de texto desde Figma a Phrase Strings para realizar la localización. No es posible enviar contenido a una rama principal protegida.
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.
Los nombres de claves vacíos o duplicados se marcan con un contador rojo en la columna . Para gestionar listas largas de nombres de claves, utiliza el menú desplegable para mostrar o .
Nota
La opción de ordenamiento seleccionada se recordará para futuras sesiones.
El botón Enviar a Phrase está deshabilitado si las entradas de nombres de claves están vacías, contienen caracteres no válidos o no son únicas si se selecciona una rama principal protegida.
Selecciona la configuración para editar las entradas de nombres de claves 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 claves en conflicto, selecciona una de las opciones de resolución disponibles para continuar:
-
Crea nuevas claves con el sufijo
-copia. -
Vincula capas a claves de Phrase existentes.
-
Solo envía capas que no están en conflicto.
Cuando la opción Subir vista previa de Figma está activada:
-
Los usuarios pueden seleccionar, si así lo desean, qué idiomas de destino incluir en la vista previa de Figma. Si no se seleccionan idiomas, todos los idiomas se incluyen por defecto.
-
El plugin crea un trabajo por cada marco raíz (o componente de nivel superior) incluido en el envío. Enviar una página completa de Figma con muchos marcos de nivel superior generará un número correspondientemente grande de trabajos. Para mantener el número de trabajos proporcional al alcance real del trabajo de traducción, selecciona solo los marcos específicos que contengan contenido nuevo o actualizado antes de realizar el envío.
Si las capas se envían correctamente a Strings, se muestra la ventana con un resumen y las siguientes opciones:
-
Crear trabajo
Haz clic para abrir la página con las claves enviadas preseleccionadas.
Importante
Si la opción Subir vista previa de Figma está habilitada, se crea automáticamente un trabajo en Strings. Una vez habilitado, esto no se puede deshabilitar.
-
Abrir en Strings
Haz clic para ver las claves enviadas en el Strings Editor.
Un icono de advertencia amarillo aparece junto a las claves cuyos nombres han sido cambiados en Strings después de enviar contenido. Para actualizar los nombres de las claves en el plugin de Figma, selecciona Sincronizar nombre de clave del menú de puntos suspensivos
junto al nombre de clave que no coincide.
Opciones y acciones de envío
Haz clic en el menú para activar y desactivar las siguientes opciones de envío según sea necesario:
-
La opción Subir capturas de pantalla está habilitada por defecto. Permite adjuntar una captura de pantalla de las capas seleccionadas dentro del marco:
-
Si la configuració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 está habilitada, no se crearán capturas de pantalla de las secciones de Figma.
Se recomienda mantener esta opción habilitada en caso de problemas de rendimiento con el plugin mientras se trabaja dentro de las secciones.
-
Activa para limitar cada captura de pantalla al marco, componente, instancia o sección contenedora más cercana alrededor de una capa de texto, en lugar del ancestro de nivel superior más externo. Todas las capas de texto dentro de ese contenedor reciben marcadores, incluidas las capas fuera de la selección actual.
Esta opción está desactivada de forma predeterminada. Úsala cuando no limita suficientemente la captura a un marco anidado específico, lo que resulta en capturas de pantalla demasiado grandes y con poco contexto.
-
-
La opción Actualizar contenido en Phrase Strings está habilitada por defecto.
-
La opción Actualizar nombres de claves en Phrase Strings está habilitada por defecto, a menos que la configuración esté deshabilitada.
Desactivar esta opción restablece todas las entradas de nombres de claves.
-
Habilita Cargar vista previa de Figma para exportar un paquete HTML de las claves seleccionadas.
Esta opción es necesaria para generar vista previa en contexto en el CAT Editor de TMS al trabajar con trabajos sincronizados desde Strings.
Los usuarios pueden seleccionar, si así lo desean, qué idiomas de destino incluir en la vista previa de Figma al enviar contenido. Si no se seleccionan idiomas, todos los idiomas se incluyen por defecto.
Si la vista previa se genera con éxito, se creará automáticamente un trabajo en Strings. Cualquier automatización de trabajos activa en el proyecto de Strings se omitirá para evitar trabajos duplicados.
Si la vista previa excede el límite de 50 MB, aunque las claves aún se enviarán a Strings, no se creará ningún trabajo con una vista previa.
Nota
Para trabajar con vistas previas de Figma en el Strings Editor, utiliza la acción Agregar vista previa de Figma en la barra lateral contextual.
-
Habilita Preservar formato y estilo de contenido para mantener el formato de texto enriquecido (como listas, saltos de línea, negrita/itálica y enlaces) al enviar contenido de Figma a Phrase y recuperar traducciones.
Si está habilitado, las etiquetas de formato HTML se añaden automáticamente para preservar el estilo en línea y son compatibles en la vista previa en contexto de TMS al trabajar con trabajos sincronizados desde Strings. Las etiquetas de formato HTML aparecen en el editor de Strings y en las traducciones exportadas recuperadas en Figma.
Desactiva esta opción si el formato enriquecido no es necesario para evitar ajustes manuales.
La configuración se aplica a nivel de archivo y afecta a todos los colaboradores que trabajan en el archivo. Esta opción se guarda para nuevos archivos.
Para capas conectadas, las siguientes acciones están disponibles en el menú correspondiente:
-
Selecciona Ver detalles de la clave para ver/editar la descripción de la clave en Phrase Strings o establecer un límite de caracteres para la clave. Cualquier cambio guardado en la ventana aparecerá en la barra lateral del editor de Strings después de actualizar la página del editor.
Consejo
Selecciona varias claves en la pestaña y utiliza la acción por lotes Establecer límite de caracteres para establecer un límite de caracteres para todas las claves seleccionadas a la vez.
-
Selecciona Abrir clave en el editor para dirigirte a la clave relacionada en el Strings Editor.
-
Selecciona Desconectar contenido de Phrase Strings para desconectar la capa de una clave existente.
Gestionar contenido duplicado
Al enviar contenido, las capas con contenido duplicado generarán múltiples claves en Strings que contienen exactamente el mismo texto. Los usuarios pueden decidir cómo gestionar este contenido duplicado en la ventana :
-
Selecciona Proceder sin unir si tu objetivo es crear múltiples claves con contenido duplicado.
-
Para unir parte del contenido duplicado en una sola clave, sigue estos pasos:
-
Selecciona dos o más claves de la lista y haz clic en
Unir a una clave...
Se mostrará un menú desplegable con las claves disponibles para unir.
-
Selecciona la clave en la que deseas unir el contenido duplicado.
La clave seleccionada se marcará con un icono de unión azul
en la ventana .
-
Haz clic en Proceder y luego confirma esta opción seleccionando Unir y Enviar en el siguiente mensaje emergente: .
El contenido duplicado se unirá en una sola clave y todas las capas asociadas se conectarán a esa clave.
-
-
Para unir parte o todo el contenido duplicado en la primera clave de la lista, sigue estos pasos:
-
Selecciona varias o todas las claves de la lista y haz clic en
-
Haz clic en Proceder y luego confirma esta opción seleccionando Unir y Enviar en el siguiente mensaje emergente: .
El contenido duplicado se unirá en una sola clave y todas las capas asociadas se conectarán a esa clave.
Esta opción es útil para archivos grandes con muchos duplicados, ya que permite a los usuarios unir todos los duplicados en la primera clave encontrada en una sola acción, en lugar de gestionar cada uno individualmente.
-
Duplicar un marco o una capa de texto en Figma también duplica cualquier conexión existente con una clave de Phrase Strings. Si la capa duplicada se reutiliza para un texto nuevo y no relacionado y se envía sin desconectarla primero, el envío actualiza el texto fuente de la clave existente en lugar de crear una nueva. Actualizar el texto fuente de una clave no borra ni actualiza las traducciones en el idioma de destino ya almacenadas en esa clave, por lo que extraer la capa después devuelve la traducción asociada con el contenido anterior, no con el nuevo texto enviado.
Antes de enviar contenido desde un marco o una capa de texto duplicados o reutilizados, comprueba la pestaña para confirmar si la capa ya está conectada a una clave. Si está conectada y el texto nuevo no está relacionado con el contenido anterior, desconecta la capa primero para que el plugin cree una clave nueva en lugar de sobrescribir la existente.
El ajuste Auto-excluir capas elimina las capas de texto de la pestaña según su prefijo de nombre. Cuando está activado, cualquier capa con el prefijo _ o . se excluye automáticamente.
El ajuste está desactivado de forma predeterminada y se aplica por archivo. Está habilitado para todas las capas con nombre en ese archivo hasta que se desactive.
Las exclusiones persisten a través de las selecciones. Para los componentes, si las capas del componente tienen prefijos y Auto-excluir capas está habilitado, los diseños posteriores que utilicen ese componente heredan la exclusión.
Para autoexcluir capas con prefijo de :
La sección de la configuración del plugin permite configurar la convención de nombres para las claves conectadas.
Para personalizar los nombres de las claves en Figma, sigue estos pasos:
-
Haz clic en Habilitar nombrado inteligente de claves desde la configuración .
-
Selecciona .
Nota
Si la opción está habilitada, los nombres de clave se generarán automáticamente en función de los nombres de las capas de texto.
-
En el campo , ingresa texto para definir la nomenclatura de claves personalizadas:
-
Opcionalmente, haz clic en Macros disponibles para seleccionar una de las y 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 .
Haz clic en Ejemplos para mostrar y elegir uno de los ejemplos predefinidos.
-
-
Si es necesario, selecciona una opción de formato del menú desplegable para modificar el texto en consecuencia y eliminar espacios.
Al enviar contenido a Phrase Strings, aplica la nueva convención de nombres a las claves previamente conectadas de la siguiente manera:
-
Haz clic en el icono de actualizar
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 páginas |
|
{component} |
El nombre del componente de Figma donde se encuentra la clave. Solo se consideran los 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 |
Al enviar contenido, los usuarios pueden conectar capas a claves existentes en Phrase Strings o generar nuevas.
Selecciona la pestaña para mostrar un resumen de las claves conectadas y desconectadas.
Las claves que ya están conectadas se identifican con un icono de enlace en la columna . Si es necesario, selecciona el proyecto, rama (si se está utilizando) e 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.
Duplicar o copiar un marco de Figma también copia las conexiones existentes de capa a clave. Si el marco original estaba conectado a claves en un proyecto de Phrase Strings diferente, las capas duplicadas permanecen vinculadas a las claves de ese proyecto en lugar de conectarse al proyecto previsto. Cuando el proyecto original no tiene los mismos locales configurados, la extracción de contenido a Figma falla silenciosamente para esos locales en las capas afectadas.
Para corregir las capas afectadas, abre la pestaña , selecciona el proyecto correcto, selecciona la capa de texto afectada en el lienzo, busca por contenido y haz clic en Connect en la clave coincidente. No es necesario desconectar primero la capa de tu clave anterior, ya que una capa puede tener una conexión separada para cada proyecto.
Algunas cuentas tienen disponible un conmutador de "Usar nueva vista de conexión (beta)" en el panel de configuración del plugin. Cuando está habilitado, selecciona todas las capas afectadas a la vez en el lienzo, abre y utiliza la acción por lotes Connect by content para volver a conectarlas en una sola pasada en lugar de individualmente.
Nota
La opción de desconectar claves individuales también está disponible en la pestaña .
La nueva vista lista las capas de texto de la selección actual con su estado de conexión en una sola tabla, reemplazando la lista anterior basada en claves.
Nota
Reinicia el complemento antes de habilitar la versión beta para asegurarte de que se cargue la versión más reciente.
Para habilitar la :
-
Abre el complemento y haz clic en el icono .
-
En , habilita Usar nueva vista de conexión (Beta).
-
Abre para ver la lista de contenido conectado.
La vista de conexión anterior permanece disponible. Deshabilita en la configuración del complemento para volver atrás.
Para conectar una sola capa, selecciónala para abrir una ventana con dos pestañas:
-
Sugerencias: muestra las claves con coincidencias exactas de nombre y las claves con contenido de traducción coincidente.
-
Buscar: busca todas las claves por nombre o contenido.
Para actuar sobre varias capas, selecciónalas para mostrar una bandeja de acciones por lotes:
-
Conectar por nombre de clave: conecta las capas a las claves con coincidencias exactas de nombre.
-
Conectar por contenido: conecta las capas a las claves con contenido de traducción coincidente.
-
Desconectar capas: elimina las conexiones de las capas seleccionadas.
Omitir capas con varias claves coincidentes.
El interruptor Omitir capas con varias claves coincidentes controla cómo maneja las capas cuyo texto coincide con más de una clave.
Para activar el interruptor:
-
Abre el complemento y ve a la pestaña .
-
Haz clic en
en la navegación para abrir las opciones de vista.
-
Habilita .
Cuando está habilitado, cualquier capa que coincida con más de una clave se omite durante y se deja sin conectar para su revisión manual.
Resumen posterior a la acción
Después de cada ejecución por lotes de Conectar por contenido o Conectar por nombre de clave, una ventana de resultados muestra el resultado:
-
Recuento de conexiones
-
Omitido: no se encontró coincidencia
-
Omitido: varias coincidencias (se muestra cuando Omitir capas con varias claves coincidentes está activado)
Haga clic en Mostrar capas sin conectar para filtrar la tabla a las capas que aún necesitan atención, o en Listo para cerrar la ventana de resultados.
Marcar una capa de texto como clave plural la conecta a las formas plurales de esa clave en Phrase Strings. Para una clave plural, la columna muestra un menú desplegable de selección de forma en lugar del contenido de la clave, enumerando las formas disponibles para el idioma seleccionado, por ejemplo one y other. Los idiomas con reglas plurales más complejas, como el polaco, exponen hasta cinco formas.
El menú desplegable aparece tanto en la pestaña como en la de .
Para previsualizar una forma plural en el lienzo:
-
En la tabla de contenido, localiza la clave plural.
-
Haz clic en el menú desplegable de selección de forma en la columna y selecciona la forma plural que deseas previsualizar.
-
Phrase Strings extrae la traducción coincidente a la capa para previsualizarla en el lienzo.
Enviar una clave plural a Phrase Strings sigue el mismo flujo de trabajo de envío que cualquier otra clave y actualiza solo la traducción para la forma seleccionada.
La forma plural seleccionada se recuerda por capa, por proyecto y por rama. La selección persiste entre sesiones.
Una vez que las traducciones estén completas, selecciona las capas o marcos de Figma para exportar traducciones y haz clic en la pestaña .
Los usuarios pueden seleccionar el proyecto, rama (si se está utilizando) y los idiomas para el contenido que se está obteniendo. Las etiquetas no se pueden exportar a Figma.
Para gestionar listas largas de nombres de claves, utiliza el menú desplegable para mostrar 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ú para elegir cómo mostrar el contenido obtenido en Figma:
-
Opción seleccionada por defecto. Al exportar contenido para múltiples idiomas, se crea una página de Figma separada para cada idioma seleccionado, incluyendo todas las capas de la página.
Nota
En Figma Buzz, se muestra la opción .
-
Crea una única página nueva y coloca el contenido traducido seleccionado uno al lado del otro en columnas específicas para cada idioma. Esta opción se centra solo en la selección activa en lugar de duplicar toda la página de Figma.
Recomendado para archivos grandes con el fin de mejorar el rendimiento de la obtención y reducir el tamaño innecesario del archivo.
-
Las capas de texto seleccionadas se sobrescribirán con las traducciones y se actualizarán en la vista previa.
Esta opción se desactiva automáticamente al exportar contenido para múltiples idiomas.
-
Opción desactivada por defecto. Cuando está habilitada:
-
Se exportar y muestran los nombres de claves en lugar del contenido traducido.
-
Seleccionar un idioma para el contenido extraído ya no es posible.
-
-
La configuración se guardará para futuras sesiones.
-
Si está desactivada, la columna mostrará el contenido de las capas seleccionadas directamente.
-
Cuando está habilitada, la columna mostrará una vista previa del contenido en el idioma seleccionado para las capas conectadas.
-
Para capas desconectadas, habilita la opción 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.
-
Esta opción se desactiva automáticamente al exportar contenido para múltiples idiomas.
-
-
Controla cómo se manejan las capas desconectadas al exportar datos en Figma. La configuración se guardará para futuras sesiones.
-
Cuando está habilitada, 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 coincidentes.
-
El contenido de las capas se actualiza con el contenido extraído de las claves existentes.
-
-
Si esta opción está deshabilitada, las capas desconectadas no se actualizan, incluso si existen claves coincidentes en los datos extraídos.
-
Comprobar estado de la traducción
La función Comprobar estado de la traducción verifica si las capas de texto en la selección actual ya tienen traducciones para los idiomas de destino seleccionados, antes de obtener el contenido en Figma. La comprobación se ejecuta en todas las claves conectadas en la selección.
Para comprobar el estado de la traducción
-
En la pestaña , selecciona los idiomas de destino que deseas comprobar.
-
Haz clic en Comprobar traducción para ver el estado.
La página muestra un recuento de las claves traducidas, parciales y no traducidas en cada idioma para la selección actual.
Haz clic en Ver detalles junto a un idioma para abrir un desglose de las claves conectadas para ese idioma. Utiliza los filtros , y para acotar la lista.
Si el contenido se extrae con éxito a Figma, se mostrará la ventana con un resumen de las capas actualizadas.
Al extraer contenido para múltiples idiomas, el botón abrirá la clave con el idioma predeterminado del proyecto como idioma de origen.
Nota
Si una fuente utilizada en el diseño no está instalada localmente, el plugin no puede actualizar las capas de texto afectadas con las traducciones obtenidas. Cuando esto ocurre, se muestra un error "No se pudo cargar la fuente [X]", donde [X] es el nombre de la fuente que falta. Instala localmente todas las fuentes marcadas en este mensaje de error y, a continuación, vuelve a extraer el contenido.
Figma Buzz es una herramienta donde los diseñadores de marca y los equipos de marketing pueden crear activos visuales de marca a gran escala, directamente dentro del ecosistema de Figma. Incluye un sistema de plantillas, un editor de diseño simplificado, creación masiva de activos y edición impulsada por IA.
El plugin de Phrase Strings para Buzz permite localizar contenido de texto directamente dentro de Buzz, proporcionando las mismas capacidades que en la integración de diseño de Figma:
-
Enviar texto fuente desde los diseños de Buzz a Strings
-
Extraer traducciones de vuelta a Buzz
-
Gestionar claves y mantener la coherencia del texto en todos los recursos
Nota
La vista previa en vivo no es compatible.
El plugin está disponible en el menú en Buzz. Una vez activado, se puede guardar para uso futuro y ejecutar en el diseño seleccionado abriéndolo en un modal desde la barra lateral de Figma Buzz. Las capas de texto se detectan automáticamente y se muestran en el plugin.
El contenido de diseño se puede enviar a un proyecto de Strings conectado para su traducción. Después de la traducción, los usuarios pueden extraer el contenido localizado de vuelta a Buzz, lo que crea una nueva fila que contiene la versión traducida del diseño.
El interruptor y la selección de idioma de destino antes de enviar las claves no están disponibles en Buzz. Al enviar claves desde Buzz, se utilizan automáticamente todos los idiomas de destino configurados en el proyecto de Strings.