Índice
Las plataformas de localización tienen fama de interfaces torpes, editores lentos y flujos de trabajo que parecen diseñados por comité. Construimos Better i18n con una filosofía diferente: cada interacción debe sentirse intencional, rápida y respetuosa del tiempo del desarrollador.
Este artículo recorre las características de UX de la plataforma que hacen diferente a Better i18n — no como una lista de funciones, sino como un recorrido práctico de cómo se ve realmente tu flujo de trabajo diario.
La Paleta de Comandos: Tu Centro de Navegación con el Teclado
Presiona Cmd+K (o Ctrl+K en Windows/Linux) desde cualquier lugar de la plataforma. Aparece instantáneamente una superposición de búsqueda que indexa todo — proyectos, espacios de nombres, claves, ajustes y acciones.
Escribe algunos caracteres y los resultados se van filtrando en tiempo real. Selecciona un resultado y ya estás ahí. Sin hacer clic en migas de pan, sin navegar por la barra lateral, sin recargas de página. Para los desarrolladores que viven en VS Code o Raycast, este modelo de interacción resulta inmediatamente familiar.
La paleta de comandos no es solo navegación. También muestra acciones — crear una nueva clave, cambiar de idioma, activar una publicación, abrir la configuración del proyecto. Piénsalo como un punto de entrada universal para todo lo que quieras hacer en la plataforma.
Por qué esto importa para los flujos de trabajo de i18n: Los proyectos de localización suelen tener docenas de espacios de nombres y miles de claves. La navegación con el ratón no escala. La paleta de comandos te mantiene en estado de flujo incluso cuando gestionas proyectos complejos con múltiples espacios de nombres.
Incorporación: De Cero a la Primera Traducción en Minutos
Las primeras impresiones importan. Cuando un nuevo miembro del equipo se une a tu proyecto — o cuando configuras Better i18n por primera vez — el asistente de incorporación te guía en cada paso:
- Conecta tu repositorio — Enlaza tu repositorio de GitHub, GitLab o Bitbucket
- Configura tu proyecto — Establece el idioma de origen, añade idiomas de destino, define los espacios de nombres
- Instala el SDK — Instrucciones específicas para cada framework: Next.js, React + TanStack Router, Expo o Flutter
- Sube tus primeras traducciones — Verifica el ciclo de ida y vuelta de la plataforma al código
Cada paso valida antes de dejarte continuar. Si tu configuración del SDK tiene un problema, el asistente lo detecta de inmediato en lugar de dejarte descubrirlo en producción diez minutos después.
El asistente también detecta tu framework automáticamente. Si usas Next.js, obtienes instrucciones de configuración específicas para Next.js, configuración de middleware y ejemplos de enrutamiento. Los usuarios de Expo ven orientación específica para Expo. Sin páginas de documentación genéricas — todo está adaptado a ti.
El Editor de Traducciones: Donde el Rendimiento se Encuentra con la Simplicidad
Tu equipo pasa la mayor parte del tiempo en el editor de traducciones, por eso es donde invertimos más esfuerzo de ingeniería.
Desplazamiento Virtual para Conjuntos de Claves Masivos
La mayoría de los editores de traducciones renderizan cada fila en el DOM. Eso funciona bien con 200 claves. Con 2.000 claves se vuelve lento. Con más de 5.000 claves se vuelve inutilizable.
Better i18n usa renderizado virtualizado — en cualquier momento solo existen en el DOM las filas visibles en tu ventana gráfica (más un pequeño buffer). El resultado: desplazarse por 10.000 claves se siente exactamente igual que desplazarse por 50. El uso de memoria se mantiene estable. Las tasas de fotogramas se mantienen altas. Tu navegador no se convierte en un calefactor.
Esto no es solo algo agradable de tener. Los proyectos reales a escala tienen rutinariamente entre 5.000 y 20.000 claves. Si tu editor no puede manejar eso con gracia, se convierte en un cuello de botella en lugar de una herramienta.
Edición en Línea con Sincronización Automática
Haz clic en cualquier celda de traducción y comienza a escribir. No hay modo de edición, ni modal, ni botón de "guardar". Solo haz clic, escribe y continúa.
Detrás de escena, un store con tecnología Zustand rastrea tus cambios y los sincroniza con el servidor con un debounce de 3,5 segundos. Deja de escribir durante 3,5 segundos y tus cambios se persisten automáticamente. Un indicador de sincronización sutil en la barra de herramientas muestra el estado actual — editando, sincronizando o guardado.
Este patrón de sincronización automática elimina toda una categoría de errores de usuario. Sin trabajo perdido por olvidar guardar. Sin datos obsoletos por dejar una pestaña abierta toda la noche. El editor siempre refleja el estado más reciente.
Agrupación y Filtrado por Espacio de Nombres
Los proyectos grandes organizan las traducciones en espacios de nombres — common, auth, dashboard, emails, etc. El editor los renderiza como grupos desplegables. Expande el espacio de nombres en el que estás trabajando, colapsa todo lo demás.
Combina esto con el filtrado por idioma y estado de traducción (traducido, sin traducir, necesita revisión) y podrás centrarte exactamente en el trabajo que importa. ¿Necesitas ver todas las claves alemanas sin traducir en el espacio de nombres auth? Dos clics en los filtros y ya estás ahí.
La búsqueda funciona tanto en nombres de claves como en valores de traducción. ¿Buscas esa clave donde alguien escribió "Click here"? Busca el valor, encuentra la clave, corrígela.
Registro de Actividad: Historial de Auditoría Completo para Cada Acción
El registro de actividad rastrea todo lo que sucede en tu proyecto — creación de claves, actualizaciones de traducciones, publicaciones, cambios de configuración, adición de miembros y más. Cada entrada registra quién realizó la acción, cuándo ocurrió y qué recurso se vio afectado.
Esto no es solo para cumplimiento normativo. El registro de actividad es una herramienta práctica de depuración. Cuando una traducción parece incorrecta en producción, puedes rastrear el cambio exacto que la causó — quién actualizó la clave, cuándo y cuál era el valor anterior.
Para los líderes de equipo que gestionan traductores en múltiples idiomas, el registro de actividad proporciona visibilidad sobre la velocidad de traducción y la actividad del equipo sin necesidad de microgestionar.
Cajón de IA Global: Asistencia Contextual en Todas Partes
Abre el panel de chat de IA desde cualquier página. Mantiene contexto sobre tu proyecto actual, la página que estás viendo y las acciones recientes. Pídele que:
- Genere traducciones para nuevas claves en todos los idiomas de destino
- Revise las traducciones existentes en cuanto a consistencia y precisión
- Sugiera mejoras al texto de origen para una mejor traducibilidad
- Explique errores cuando algo sale mal con la sincronización o la configuración
El cajón de IA está impulsado por proveedores de LLM configurables. A través de la interfaz de gestión de proveedores de LLM, puedes conectar OpenAI, Anthropic, Google u otros proveedores compatibles. Establece preferencias de modelo, define prioridades de respaldo y monitoriza el uso de tokens — todo desde un único panel de ajustes.
Esta flexibilidad significa que no estás atado a un único proveedor de IA. Usa GPT-4o para traducciones masivas y Claude para revisiones matizadas, o configura la combinación que funcione para tu equipo y presupuesto.
Modal de Herramientas para Desarrolladores: Visibilidad Interna
Activa el modal de herramientas para desarrolladores en el modo de desarrollo para ver:
- Tiempos de llamadas a la API — Cuánto tarda cada solicitud, incluidas las visitas a la caché del CDN
- Estado de sincronización — Estado actual del store de Zustand y los cambios pendientes
- Diagnósticos de caché — Tasas de aciertos de la caché TTL y eventos de invalidación
- Descripción general de la configuración — Ajustes activos del proyecto, versión del SDK y estado de la conexión
Esto está diseñado para los ingenieros que quieren entender el comportamiento de la plataforma, optimizar el rendimiento o depurar problemas de integración. No es una función que uses todos los días, pero cuando la necesitas, tenerla integrada en la plataforma te ahorra horas de conjeturas.
Integración de Analíticas con PostHog
Better i18n integra el seguimiento de eventos de PostHog en toda la plataforma. Esto te ofrece información cuantitativa sobre cómo tu equipo usa realmente la herramienta — qué funciones generan más valor, dónde los usuarios encuentran fricciones y cómo evoluciona la velocidad de traducción a lo largo del tiempo.
Todos los datos de analíticas fluyen hacia tu propia instancia de PostHog, por lo que conservas el control total sobre las políticas de privacidad y retención de datos.
La Filosofía Detrás de Estas Decisiones
Cada función descrita aquí sigue un único principio de diseño: reducir la fricción entre la intención y la acción. La paleta de comandos elimina la sobrecarga de navegación. La edición en línea elimina la sobrecarga de modales. La sincronización automática elimina la sobrecarga de guardar. El cajón de IA elimina la sobrecarga de cambiar de contexto.
La localización ya es suficientemente compleja — múltiples idiomas, matices culturales, restricciones técnicas, coordinación del equipo. La plataforma debe absorber complejidad, no añadirla.
Si estás evaluando herramientas de i18n para desarrolladores o considerando pasarte desde tu plataforma de gestión de traducciones actual, te animamos a probar Better i18n y experimentar estos flujos de trabajo de primera mano. La experiencia del desarrollador no es una función que añadimos a posteriori — es la base sobre la que está construido todo lo demás.
