Hero ux en

Un Copilot de IA para editores no se parece en nada al de los desarrolladores

Contentful ha lanzado «Skills», un agente de IA que entiende el CMS de Contentful desde la perspectiva de un desarrollador. Bien construido, comunicado con claridad. Para el persona de desarrollador, es un avance.

Mi opinión es esta: el 80 % de la edición diaria dentro del stack CMS/FMP no ocurre en los chats de IDE de los desarrolladores. Ocurre con los editores de marketing, los responsables de marca y los responsables de merchandising, dentro del editor visual. Si el sector construye Copilot de IA pensando en la superficie del desarrollador, ¿cuál es la respuesta para la superficie del editor?

Es una cuestión de UX, no una cuestión técnica. Tres patrones que separan un Copilot para editores de un agente de código para desarrolladores.

1. En el contexto, no en el chat

Los Copilot para desarrolladores viven en una ventana de chat o en una barra lateral del IDE. Con los desarrolladores funciona, porque ya alternan entre superficies: código, terminal y chat. Un editor trabaja de otra manera. Un editor trabaja sobre el bloque, sobre el hero, sobre el módulo de producto. La mano en el ratón, la atención dentro del flujo de arrastrar y soltar. Una ventana de chat obliga a un cambio de contexto mental y rompe ese flujo.

Patrón del Copilot para editores: colocarse sobre el elemento, no en la barra lateral.

Ejemplos concretos de nuestra práctica de operaciones de edición:

  • «Traduce este hero al francés» como acción del clic derecho sobre el bloque hero. Sin prompt de chat, sin una vista de traducción aparte. El Copilot muestra la variante francesa directamente en el selector de idioma.
  • «Sugiere una variante para este titular» como una píldora de sugerencia en línea, directamente en el campo de texto del titular. Las sugerencias aparecen bajo el campo, con aceptar o rechazar para cada variante.
  • «Genera una descripción alternativa acorde con la marca para esta imagen» como acción al pasar el cursor sobre el bloque de imagen. El resultado aterriza directamente en el campo de texto alternativo.

El argumento técnico que hay detrás (subvoz de Sebastian): cuando el Copilot se sitúa a nivel de sección o bloque, tiene acceso al contexto completo de la acción del editor, es decir, qué sección, qué locale, qué modelo de contenido. Un prompt de chat tendría que reconstruir todo eso. Las acciones en línea no son solo comodidad de UX, son técnicamente más deterministas.

2. Conciencia de las restricciones de marca, no generación genérica

Los Copilot para desarrolladores saben cuáles son las convenciones del stack técnico: reglas de linting, estilo de código, patrones de test. Contrastan sus sugerencias con esas convenciones antes de mostrárselas al desarrollador.

Un Copilot para editores necesita el equivalente: conciencia de las restricciones de marca. ¿Qué puede ser una sugerencia de texto y qué no? ¿Qué tono aplica a esta marca, a este locale, a esta sección? ¿Qué adjetivos están vetados? ¿Qué tokens de marca lo visualizan correctamente?

Patrón: el Copilot para editores carga el perfil de voz de marca y el sistema visual de la marca como capa de restricciones. Las sugerencias pasan por esas restricciones antes de llegar al editor.

Forma UX concreta:

  • Aviso en línea, no un modal bloqueante. «Esta variante de titular usa la palabra “revolucionario”, y la voz de marca evita ese adjetivo. ¿Quieres una alternativa?», como un tooltip suave, no como un rechazo tajante.
  • Sugerencias de tokens de marca. Cuando el editor elige un color de fondo, el Copilot propone el color de marca más cercano: «#702CCE (Brand Purple) encaja mejor con la coherencia de marca que la elección actual.»
  • Visibilidad de las restricciones. Un pequeño icono indicador en el bloque muestra si todo el contenido actual del editor es compatible con las restricciones de marca. Verde = OK, amarillo = aviso, rojo = ruptura de marca.

Eso no es «menos IA», es IA calibrada de otra manera. El Copilot sigue siendo fuerte en sugerencias, pero las sugerencias se quedan dentro del corredor de la marca.

3. Métrica de resultado, no métrica de velocidad

Un agente de código para desarrolladores se mide por cuántas pull requests salen por hora. La velocidad es la métrica. Código más rápido, más código, menos ciclos de revisión de código.

Un Copilot para editores no se puede medir así. «Más titulares por hora» no es una métrica de éxito, es una métrica de inflación de output. La pregunta real es: ¿la sugerencia de la IA sube la conversión? ¿Ganó la variante A/B? ¿La conciencia de las restricciones de marca mejoró la coherencia de marca, medible por ejemplo mediante auditorías de marca internas?

Tres patrones UX que llevan esto al flujo del editor:

  • Toast de confirmación del resultado tras activar un test A/B. Cuando un editor publica una variante sugerida por la IA como test A/B, 14 días después aparece un toast: «Esta variante subió la conversión un 12 % en una ventana de 14 días. ¿Quieres hacerla permanente?»
  • Aceptar o rechazar, con anclaje en el resultado. En lugar de registrar solo «aceptado» o «rechazado», a los 7 días el Copilot pregunta: «¿Aguantó este titular?» El editor decide, y el Copilot aprende qué sugerencias han valido de verdad.
  • Ajuste por defecto: sugerir, no aplicar automáticamente. Los Copilot para editores no deberían publicar automáticamente por defecto. Deberían sugerir, documentar y dejar la decisión al editor. Los flujos de trabajo de desarrollo tienen valores por defecto de auto-commit; los flujos de trabajo de edición necesitan valores por defecto de aprobación.

Lo que Contentful Skills no resuelve (para este persona)

Contentful Skills está bien construido. Pero es una herramienta para un persona cómodo con las superficies de chat del IDE. Una editora de marketing que hoy construye una landing page para la campaña del Q3 no es ese persona. Necesita sugerencias en línea, conciencia de las restricciones de marca y feedback de resultados, a nivel de bloque, dentro del editor, sin barra lateral de chat.

La diferenciación entre personas es un argumento, no un marco competitivo. Contentful entiende muy bien a los desarrolladores. La pregunta abierta es: ¿quién construye la superficie del editor con la misma profundidad? Ese es el hueco que vienen a cubrir las FMP.

Tres siguientes pasos para responsables de UX, product owners y responsables de merchandising que quieran probar esto en su propia selección de stack:

  1. Test del flujo del editor: haz que una editora construya una landing page real en directo. ¿Cuántas veces salta del editor a una superficie de IA externa? Cada salto es un riesgo de UX.
  2. Comprobación de las restricciones de marca: ¿ve hoy el editor las infracciones de la voz de marca antes de publicar? ¿O solo en la auditoría de marca, dos semanas después?
  3. Comprobación del bucle de resultados: ¿cuánto tiempo pasa de «este titular está publicado» a «este titular aguantó»? Si la respuesta es «nunca se ve en el editor», falta un bucle.

El gran cambio de UX de 2026 no está en el chat del desarrollador. Está en el editor visual, a nivel de bloque, dentro del corredor de la marca, con feedback de resultados.

Lecturas relacionadas:

Más artículos interesantes

Conocimiento práctico sobre desarrollo frontend, agentes inteligentes y headless

App Shopify
Shopify
Shopify es una plataforma de comercio para vender online y en tienda física.
App shopware
Shopware
Shopware es una plataforma de e-commerce flexible de origen europeo para catálogos de productos y comercio omnicanal.
App adobe commerce
Adobe Commerce
Adobe Commerce es una plataforma de comercio empresarial para escenarios B2C y B2B complejos y globales.
Planned
App B2B sellers suite
B2Bsellers
Suite B2B para Shopware que convierte la tienda online en una plataforma profesional de comercio B2B.
Planned
App commerce layer
Commerce Layer
Commerce Layer es una plataforma de headless commerce para que inventarios y catálogos estén disponibles online.
App commercetools
Commercetools
Commercetools es una plataforma de e-commerce headless basada en SaaS y utilizada en todo el mundo.
App emporix
Emporix
Emporix es una plataforma de composable commerce API-first para escenarios B2B y B2C escalables.
Planned
App HCL Software
HCL Software
Suite empresarial de comercio y experiencia digital con un alto grado de configurabilidad.
Planned
App intershop
Intershop
Plataforma de comercio empresarial para modelos de negocio B2B y B2C complejos.
Planned
App magento 2
Magento 2
Plataforma de comercio ampliable y muy extendida para escenarios B2C y B2B.
App Oxid
OXID eShop
OXID eShop es una plataforma de comercio ampliable para requisitos B2B y B2C complejos.
Planned
App cover patchworks
Patchworks
Patchworks es un iPaaS low-code que conecta e-commerce, ERP, WMS, 3PL y marketplaces.
Planned
App PRESTASHOP
Prestashop
Plataforma de comercio open source para pequeños y medianos comerciantes en Europa y más allá.
Planned
App saleor
Saleor
Plataforma de comercio open source y API-first basada en GraphQL para storefronts a medida.
Planned
App Commercecloud
Salesforce Commerce Cloud
Salesforce Commerce Cloud es una plataforma de comercio empresarial en la nube para empresas de cualquier tamaño.
Planned
App SAP
SAP Commerce Cloud
Plataforma de comercio empresarial para catálogos complejos, modelos de precios y recorridos omnicanal.
Planned
App SCAYLE
Scayle
SCAYLE es un motor de comercio con el que marcas y comerciantes escalan su negocio.
Planned
App spryker
Spryker
Plataforma de composable commerce para modelos de negocio B2B y B2C exigentes.
App Sylius
Sylius
Sylius es un framework de e-commerce pensado para desarrolladores y para experiencias de compra B2C y B2B.
Planned
App vendure
Vendure
Vendure es una plataforma de headless commerce para empresas con requisitos complejos.
Coming Soon
App VTEX
VTEX
Plataforma de composable commerce cloud native para B2B y B2C a gran escala.
Planned
App Websale
Websale
Backend de comercio estable y apto para grandes empresas en entornos comerciales complejos.
Book a demo mobile
Llamada estratégica

¿Listos para convertir su frontend en una capa de control?

Muéstranos tu stack, tu roadmap, tu escenario de replatforming, y te mostraremos cómo encaja Laioutr, cuánto cuesta y qué tan rápido puedes estar en producción.

"Después de 30 minutos supimos que Laioutr hace viable nuestro replatforming." - Daniel B., CEO, hygibox.de

SEO / GEO / AEO Ready
Rendimiento y Core Web Vitals
WCAG 3.0 Ready
Seguimiento & Analytics
Consistencia de marca