Dos boutiques de moda en miniatura que se ven iguales por delante: una hecha con piezas estándar bien encajadas y otra con piezas cortadas a mano que no casan, con un lápiz señalando un hueco

Article

Personalizar tu tema Shopify con IA vía MCP: por qué falla en proyectos complejos

Published on · 11 min read

01/07

Conecta Claude o ChatGPT a tu tienda Shopify, pide una nueva página de inicio y mira cómo se construye. Esa es la promesa de las conexiones de IA por MCP, y muchos comerciantes ya la están probando.

En MM Shopy Devs usamos estas conexiones a diario. Y también sometimos la personalización de temas Shopify con IA a una prueba real, desde pequeños retoques hasta rediseños completos. Los resultados fueron claros: son excelentes para algunos trabajos y arriesgadas para otros. Esto es lo que encontramos, lo que significa para tu tienda y cómo lo resolvimos.

¿Qué es un MCP (Model Context Protocol)?

MCP son las siglas de Model Context Protocol. Es un estándar abierto, presentado por Anthropic a finales de 2024 y compatible hoy con ChatGPT y con la mayoría de las grandes herramientas de IA, que permite a un asistente de IA conectarse directamente con software externo.

Antes del MCP, trabajar con IA en tu tienda significaba copiar y pegar. Exportabas un CSV, lo pegabas en el chat, obtenías una respuesta y aplicabas los cambios a mano. Con una conexión MCP, el asistente lee y actúa directamente sobre tu tienda Shopify. Puede buscar productos, consultar pedidos, analizar datos, actualizar el inventario y crear descuentos, todo a partir de una petición en lenguaje natural.

Piensa en él como un adaptador universal. Shopify pone el enchufe, Claude o ChatGPT ponen el cerebro, y el MCP es el cable que los une. Escribe "Muéstrame los 10 productos más vendidos este mes con menos de 20 unidades en stock" y la respuesta llega en segundos, sin abrir una sola pantalla del panel de administración.

Es potente, y por eso tantos comerciantes dan por hecho que la misma configuración puede rediseñar o personalizar su tema. A veces puede. Muchas veces no debería.

Para qué es brillante el MCP de Shopify

Seamos claros: usamos conexiones MCP todos los días. Bien usadas, son una de las mayores mejoras de productividad que ha tenido una tienda Shopify en años.

Ediciones pequeñas y acotadas. Reescribir un lote de descripciones de producto, corregir etiquetas en una colección, actualizar valores de metacampos, ajustar precios o pasar productos de borrador a activos. Son tareas de administración repetitivas en las que la IA trabaja dentro de las propias estructuras de datos de Shopify. El riesgo es bajo y el tiempo ahorrado, enorme.

Pequeños retoques en el tema. No lo vamos a negar: para cambios rápidos en la propia plantilla es muy útil. Cambiar el color de un botón, ajustar un tamaño de fuente, retocar el espaciado de una sección o actualizar una línea de texto del pie de página. Son cambios únicos y aislados, y la IA los resuelve rápido y bien.

Informes avanzados en lenguaje natural. Aquí es donde el MCP brilla. Preguntas que antes necesitaban un informe a medida, una hoja de cálculo y una hora de trabajo ahora se resuelven con una frase:

  • "¿Qué clientes compraron dos veces en el tercer trimestre pero no han vuelto a pedir desde septiembre?"
  • "Compara la conversión por canal de venta en los últimos 90 días."
  • "¿Qué variantes se agotan una y otra vez, y a qué velocidad?"

La IA escribe la consulta, la ejecuta y explica los resultados. Quien gestiona la tienda obtiene respuestas en minutos en lugar de esperar a un analista.

Operaciones del día a día. Buscar un pedido para responder a un cliente, crear un código de descuento para una campaña, revisar el inventario antes de un lanzamiento, montar una colección para unas rebajas de fin de semana. Tareas que antes se comían la mañana entera de un equipo ahora llevan minutos.

El denominador común: todas son tareas pequeñas y acotadas. La IA trabaja sobre todo con los datos y las funciones de administración de Shopify, y cuando toca el tema, cambia un valor aislado, no la estructura que hay detrás de tu tienda. Todo se mantiene dentro de unos límites que ya existen. Sal de ellos y las cosas cambian.

Probamos la IA vía MCP en desarrollo real de temas Shopify

No queríamos basarnos en opiniones, ni las nuestras ni las de nadie. Así que diseñamos una prueba estructurada: un conjunto de hipótesis, ejecutadas a través de la conexión MCP directa en tareas que iban de muy simples a muy complejas, para medir cómo rinde cuando le pides que desarrolle sobre un tema Shopify.

Cómo lo probamos: 48 tareas entre agosto y octubre de 2026, ejecutadas con Claude a través de una conexión MCP directa: 38 páginas, cada una con su propio diseño en Figma y un proyecto real detrás, más 10 pruebas independientes. Las tareas iban desde retoques de un solo valor hasta rediseños completos de secciones y funcionalidades a medida. La precisión del diseño se midió con una puntuación de comparación visual entre el diseño aprobado en Figma y el resultado renderizado, en anchos de escritorio (1440 px) y móvil (390 px).

Los resultados nos sorprendieron. En tareas simples y básicas, la conexión funciona bien. Entiende la petición y la ejecuta correctamente. Pero en cuanto pasamos a trabajo complejo, como rediseñar secciones enteras de una tienda o construir funcionalidades avanzadas, aparecieron dos problemas claros.

1. Precisión

La primera prueba consistía en convertir un mockup de diseño en una sección de tema funcional que coincidiera exactamente con él. No importaba cómo se hubiera hecho el mockup. El objetivo era una reproducción fiel.

Para las marcas de moda y lifestyle esto no es opcional. El diseño es la marca, y lo que se aprueba en el mockup es lo que tiene que salir publicado.

Para medirlo de forma objetiva, creamos una herramienta interna que calcula la diferencia entre el diseño original y el resultado desarrollado. La diferencia media fue del 48 %. En algunos casos fue mucho menor, pero de media casi la mitad del diseño se perdió o cambió por el camino.

Hay varias razones, y no las vamos a repasar todas aquí. En resumen, se reducen a dos:

  1. El diseño tiene que estar hecho para la IA. Un diseño pensado para desarrolladores humanos no tiene la estructura que una IA necesita para leerlo correctamente. Te lo contamos en nuestra página de diseño Shopify para IA.
  2. Necesita un plan de arquitectura, y solo un experto puede escribirlo. Un diseño rara vez es solo texto e imágenes. Detrás hay lógica.

Pensemos en algo tan simple como las etiquetas de una tarjeta de producto. Para construirlas bien necesitas una especificación completa: qué etiquetas existen, qué propiedades tiene cada una y cómo se priorizan. ¿Agotado gana a Rebajas? ¿Rebajas gana a una etiqueta personalizada como Novedad? ¿Qué pasa cuando un producto cumple las tres?

Es un solo elemento pequeño. Un rediseño complejo tiene decenas de decisiones como esta, y cuando nadie las toma, la IA adivina.

2. Calidad del código

El segundo problema se ve menos, y eso lo hace más peligroso. Aunque la parte visible parezca correcta, el código que hay debajo suele ser caótico.

No es realmente un fallo de la IA. Solo ve la tarea que tiene delante. No conoce el sistema de tu tema, tus convenciones ni lo que vas a necesitar construir el mes que viene, así que resuelve cada petición a su manera.

En la práctica, no usa design tokens. Un buen desarrollo de temas separa las propiedades de estilo (colores, espaciado, tipografía) del código y las convierte en tokens y componentes reutilizables que se aplican en todo el sitio. La IA tiende, en cambio, a crear estilos y código nuevos y de un solo uso cada vez.

Imagina una caja de Lego. Por un lado tienes piezas estándar, listas para usar y reutilizar en cualquier construcción. Por otro, tienes que fabricar cada pieza a mano, desde cero, para cada construcción nueva. La maqueta terminada puede verse igual en los dos casos. La diferencia aparece en cuanto necesitas cambiarla, desmontarla o construir encima.

En un tema Shopify, esa diferencia se nota en tres sitios:

  • Velocidad: más código redundante y páginas más pesadas.
  • Rendimiento: peores Core Web Vitals y una tienda más lenta.
  • Trabajo futuro: cada cambio cuesta más, porque no hay nada compartido y todo hay que encontrarlo y arreglarlo pieza a pieza.

Cómo lo resolvimos: desarrollo con IA y MM Gate

La prueba confirmó lo que dijimos al principio: no se puede desarrollar bien sobre un tema Shopify solo con una simple conexión MCP. Sobre todo en una agencia como la nuestra, donde la mayoría de los proyectos son desarrollos complejos y a medida.

La respuesta no es evitar la IA. Es construir un sistema a su alrededor que resuelva estos problemas, y ese sistema sigue necesitando personas. La intervención humana es inevitable. Hace falta un arquitecto que sepa cómo encajan todas las piezas y cómo funcionan las cosas de verdad.

Por eso, como agencia Shopify IA, creamos nuestro propio ecosistema de desarrollo con IA, impulsado por una herramienta que llamamos MM Gate. Expertos humanos lo alimentan con conocimiento, datos y reglas. Aprende automáticamente de sus propios errores y mejora con cada proyecto. Después, cada tarea pasa por un QA automatizado con IA y por una revisión de QA humana antes de publicarse.

Con esas salvaguardas, los números cambiaron por completo:

Conexión MCP directa Sistema MM Gate
Precisión del diseño 48 % de diferencia media con el diseño Precisión del 95–100 %
Velocidad de entrega por tarea Punto de referencia 3 veces más rápido
Estructura del código Estilos y código de un solo uso Design tokens y componentes reutilizables

El control humano y la arquitectura siguen en el centro. La IA nos da velocidad. Los expertos se aseguran de que vaya en la dirección correcta.

¿Sustituirá la IA a las agencias Shopify?

Es la pregunta que se hace todo comerciante: si la IA puede editar mi tienda, ¿sigo necesitando un desarrollador?

Nuestra respuesta es clara: no, la IA no sustituirá a las agencias. Pero va a cambiar por completo cómo trabajan las buenas agencias.

La razón vuelve a nuestra prueba. Lo más valioso que aporta una agencia no es escribir código. Es la experiencia humana, sobre todo en arquitectura y en cómo encaja todo el ecosistema. Saber cómo debe estructurarse un tema, cómo se conectan las piezas y qué lógica hay detrás de cada decisión de diseño es lo que hace que un proyecto funcione a largo plazo. Y, más básico aún, es lo que permite que un proyecto arranque bien. La IA no sustituye esa capa. Depende de ella.

Lo que sí va a cambiar es la propia agencia. Las agencias tienen que modernizarse, reconstruir sus sistemas internos y adoptar de lleno estas tecnologías. Y también tienen que ser lo bastante honestas como para trasladar los beneficios a sus clientes.

Nosotros hicimos exactamente eso. Con la IA integrada en nuestro proceso de desarrollo, redujimos los costes de desarrollo en torno a un 50 % y trasladamos ese ahorro a nuestros clientes. La misma arquitectura experta, los mismos estándares de calidad, a un precio mucho menor.

Así que no es una sustitución. Es un cambio radical en cómo operan las agencias. Y quienes más lo van a notar probablemente no sean los estudios pequeños. Las agencias grandes son las que más tienen que perder, porque las agencias más pequeñas y ágiles que usan bien la IA ya pueden ofrecer un rendimiento similar, y a menudo mejor.

Preguntas frecuentes

¿Pueden ChatGPT o Claude editar mi tema Shopify?

Sí. Mediante una conexión MCP, ambos pueden hacer cambios en tu tienda y en tu tema. Funcionan bien para ediciones pequeñas como colores, tamaños de fuente o textos. En rediseños y funcionalidades complejas, la precisión y la calidad del código caen en picado si no hay una arquitectura experta detrás.

¿Es seguro usar el MCP de Shopify en una tienda publicada?

Para informes y tareas de administración, sí, siempre que revises los cambios antes de aplicarlos en bloque. Para el código del tema, trabaja siempre sobre un duplicado sin publicar y pruébalo antes de publicarlo.

¿Qué precisión tiene la IA al convertir un diseño en un tema Shopify?

En nuestras pruebas, una conexión MCP directa mostró una diferencia media del 48 % con el diseño original. Con nuestro sistema MM Gate, que añade arquitectura experta y QA con IA y humano, la precisión llega al 95–100 %.

¿Sustituirá la IA a los desarrolladores de Shopify?

No. La IA sustituye el trabajo repetitivo, no la arquitectura. Las agencias que adoptan bien la IA entregan más rápido y más barato, pero alguien tiene que seguir diseñando cómo encaja todo el sistema.

Conclusión

Usa las conexiones de IA por MCP para lo que mejor hacen: ediciones rápidas, informes al instante y la operativa diaria de la tienda. Para personalizar tu tema Shopify, rediseñarlo o añadir funcionalidades complejas, una conexión directa sin arquitectura ni QA detrás te cuesta precisión de diseño, rendimiento y dinero a la larga.

La fórmula ganadora es IA más arquitectura experta. Así entregamos 3 veces más rápido, con una precisión de diseño del 95–100 % y por cerca de la mitad del coste.

¿Estás planeando un rediseño o un desarrollo complejo en Shopify? Reserva una llamada con nuestro equipo y te enseñaremos cómo gestionaría MM Gate tu proyecto.