• MAPEO DE UI
  • CONTEXTO
  • HUMANO
  • PRECISIÓN

Cómo dar contexto visual a tu IA con Smartling

Conecta Smartling con tu cliente de IA para cerrar la brecha entre las cadenas de texto y la interfaz real donde se muestran.

Pregunta a la IA sobre esta página

Respuesta rápida

¿Cómo puedo dar contexto visual a mi IA para las traducciones?

Adjunta capturas de pantalla o archivos HTML directamente a tus proyectos de Smartling. Tu agente usará la herramienta upload_context para extraer estos archivos y ver exactamente dónde se ubica el texto en la interfaz. Así obtendrás traducciones que se ajusten perfectamente al diseño.

Dónde llega el contexto.

El valor del contexto visual.

El agente utiliza los archivos que adjuntas a Smartling para comprender la interfaz.

MAPEO DE UI

Alineación visual

El agente lee los archivos HTML para vincular el texto con elementos específicos de la interfaz. Obtendrás traducciones que respetan el diseño previsto.

CONTEXTO

Menos ambigüedad

Al revisar las capturas de pantalla, el agente entiende si una palabra es un botón, un encabezado o un tooltip. Esto genera frases más precisas.

HUMANO

Revisión experta

El agente te avisa sobre problemas de diseño confusos. Tú decides si el contexto visual requiere un cambio manual en el origen o en la traducción.

PRECISIÓN

Mejor gestión de cadenas

El agente usa los archivos subidos para asegurar que el género y la pluralidad coincidan con la interfaz. Evitas errores de diseño en producción.

El flujo

Qué hace tu IA cuando recibe el contexto.

El agente procesa los archivos que has adjuntado al proyecto de Smartling para construir un modelo mental de tu aplicación.

  1. Ingesta de archivos visuales

    El agente extrae las capturas de pantalla y los archivos HTML vinculados al proyecto. Escanea los archivos para identificar la ubicación del texto.

    upload_context

  2. Análisis de la estructura de la UI

    El agente compara las cadenas de texto del proyecto con los elementos hallados en el HTML. Identifica a qué componente pertenece cada cadena.

    upload_context

  3. Interpretación del diseño

    Mediante las capturas de pantalla, el agente determina el tono y las restricciones de longitud de la interfaz. Así elige las palabras adecuadas.

    upload_context

  4. Detección de conflictos visuales

    Si una traducción es demasiado larga para el botón o contenedor de la captura, el agente te avisa. Recibes la alerta antes de que el código se publique.

    upload_context

Pruébalo

Copia estos ejemplos para empezar.

Usa estos prompts para comenzar a trabajar con tu contexto de Smartling.

Puntos de partida

Estas son frases iniciales. Sustituye el texto entre corchetes por los nombres de tus proyectos o tipos de archivo específicos.

Smartling Connector

Todo listo. Elige tu cliente MCP y sigue las instrucciones de configuración.

Enlace del conectorhttps://edge.vinkius.com/vk_preview_5QcDqXV1nvbDFmYjGLXZ24BExH2qTP4svbYsNGAe/mcp

Claude Desktop

Sigue los pasos siguientes para conectarte en segundos.

  1. 1In Claude Desktop, open Settings → Connectors.
  2. 2Click “Add custom connector” and paste the connector link above as the remote MCP server URL.
  3. 3Click Add and start a new chat — Smartling capabilities are ready to use.
Configuración · claude_desktop_config.jsonCopiar
{
  "mcpServers": {
    "smartling-translation-workflow-api-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_5QcDqXV1nvbDFmYjGLXZ24BExH2qTP4svbYsNGAe/mcp"
    }
  }
}
Copia en el chat04

  • Mira las capturas de pantalla en el proyecto de Smartling [Nombre del proyecto] y dime si esta cadena cabe en el botón.

  • Usando los archivos HTML en [Nombre del proyecto], explica el contexto de la cadena '[Texto de la cadena]'.

  • Revisa el contexto visual de [Nombre del proyecto] y sugiere una traducción más corta para '[Texto de la cadena]' para evitar que se desborde la interfaz.

  • Basándote en las capturas de pantalla de [Nombre del proyecto], ¿es gramaticalmente correcta la traducción de '[Texto de la cadena]' para un encabezado?

  • Claude
  • ChatGPT
  • Cursor
  • VS Code
  • Windsurf
  • Claude Code
  • JetBrains
  • Cline

Empieza aquí

Conecta Smartling una vez y luego pregunta.

Inicia sesión en Smartling a través de la interfaz de Vinkius. Tus credenciales permanecen cifradas y podrás preguntar a tu agente sobre los archivos de tu proyecto de inmediato.

Conectar Smartling a tu IA

FAQ

Cómo funciona esta tarea.

  • 01

    ¿Puede la IA cambiar las capturas de pantalla?

    No. La IA solo lee los archivos que subes para obtener contexto; no puede editar ni sobrescribir tus archivos de imagen originales.

  • 02

    ¿La IA sube archivos automáticamente a Smartling?

    No. Debes adjuntar tú mismo las capturas de pantalla o los archivos HTML al proyecto de Smartling para que el agente pueda acceder a ellos.

  • 03

    ¿Puede la IA corregir problemas de diseño en mi código?

    No. La IA identifica dónde una traducción podría romper el diseño, pero tú debes realizar los cambios reales en el código o en el diseño.

  • 04

    ¿Qué pasa si no proporciono ninguna captura de pantalla?

    El agente seguirá trabajando con las cadenas de texto, pero no tendrá el contexto visual necesario para entender las restricciones o la ubicación en la interfaz.

  • 05

    ¿La IA eliminará algún archivo de mi proyecto de Smartling?

    No. El agente solo tiene permiso para leer el contexto que le proporcionas mediante la herramienta upload_context.

  • ¿Tienes más dudas sobre Smartling? La página del Connector tiene las respuestas. Ver todo lo que puede hacer el Smartling Connector

Conecta Smartling a Claude, Cursor, ChatGPT y más