Desarrollos propios Soluciones Webs InfinyAI School Cómo trabajamos Blog Noticias Contacto Ver web 3D
Lo hemos probado5 min de lectura

Pedimos un carrusel a una IA y nos lo diseñó programando

Le pedimos a una IA un carrusel para LinkedIn y no nos devolvió una imagen generada: nos lo diseñó programando. Escribió el diseño en HTML y CSS, como si fuera una página web, con el archivo real de nuestro logo y nuestra tipografía, y lo convirtió en imágenes y en un PDF. La conclusión es sencilla: para lo que lleva texto, datos o logo, una IA que programa el diseño da un resultado exacto; para fotos, fondos y ambientes, una IA de imágenes.

Logotipo de InfinyAI sobre fondo negro con el título «Un carrusel diseñado programando»

Por qué dejamos de pedir imágenes con texto

Hasta ahora, cuando necesitábamos una imagen para un post, se la pedíamos a ChatGPT. Para una foto o un fondo, bien. Pero en cuanto llevaba texto o nuestro logo, siempre había algo que no cuadraba: una letra rara, un color que no era el nuestro, un logo que se parecía al nuestro sin serlo.

No es un fallo de una herramienta concreta. Una IA de imágenes dibuja píxeles a partir de una descripción: no escribe las letras ni pega tu logo, los imita. Por eso a veces acierta y a veces inventa un trazo o se desvía del color. Para un fondo da igual; para una pieza con tu nombre, no.

Qué hizo la IA en su lugar

Esta vez le pedimos el carrusel a Claude Code, una IA que trabaja escribiendo código. En vez de dibujar, hizo lo que haría alguien que diseña webs:

  • Escribió cada diapositiva como una página en HTML y CSS.
  • Usó el archivo SVG oficial de nuestro logo y la tipografía de nuestra marca, que ya teníamos en nuestros archivos.
  • Convirtió esas páginas en imágenes y en un PDF listo para subir a LinkedIn.

Sin generador de imágenes y sin pagar ninguna herramienta de diseño ni de imágenes. El texto es texto de verdad, así que no hay letras raras, y los colores son los códigos exactos de la marca, no una aproximación.

Diapositiva «Cómo lo hicimos»: el código HTML y CSS de un titular junto al resultado, el texto «Fiel a tu marca» con el degradado de la marcaDiapositiva «Qué hace bien cada una»: la IA que programa el diseño acierta letras, colores y logo; la IA de imágenes es buena para fotos, fondos y ambientes, pero puede inventarse letras y cambiar coloresDiapositiva «Cuándo usar cada una»: con código, carruseles, portadas, fichas y todo lo que lleve texto, datos o logo; con IA de imágenes, fotos de ambiente, fondos e ilustraciones
Tres diapositivas del carrusel, tal como salieron del código.

Cómo lo revisamos

Lo revisamos diapositiva a diapositiva y le pedimos los cambios con palabras normales: «en la portada queremos el logo oficial», «esto tiene que poder cambiarse en cada post». Los hizo y lo volvió a generar igual, sin que se moviera nada más. Cuando una diapositiva se salía por abajo, también lo corrigió sin tocar las demás.

Es la ventaja que más nos ha gustado. Con una imagen generada, pedir un cambio es volver a tirar los dados: puede salir mejor o peor, y lo que estaba bien se puede estropear. Con código, cambiar una frase es cambiar una frase. El resto se queda como estaba.

Ahora tenemos la portada y el cierre guardados como plantilla. Cada carrusel nuevo parte de ahí, y solo cambia el contenido.

Lo que aprendimos por el camino

No todo salió a la primera. Con un carrusel posterior hecho de la misma forma, el PDF se veía bien pero iba a tirones al pasar las páginas en Acrobat Reader. La causa estaba en la exportación: muchos degradados dibujados como vectores y una tipografía que se incrustaba de una forma pesada para el lector. Lo resolvimos exportando con la tipografía en archivos fijos, uno por grosor, y dejando los detalles pequeños en color plano. El carrusel se ve igual y el PDF va fluido.

Es el tipo de fallo que solo aparece al probar el resultado donde se va a ver, no en la pantalla donde se hace. Con las webs nos pasa lo mismo: se comprueban en el móvil de verdad antes de darlas por buenas.

Qué hace bien cada tipo de IA

Una IA que programa el diseño es la adecuada para carruseles, portadas, fichas de producto, presentaciones y todo lo que lleve texto, datos o logo. Letras exactas, colores exactos, tu logo de verdad y cambios sin sorpresas.

Una IA de imágenes es la adecuada para fotos, fondos, ambientes e ilustraciones. Ahí es donde brilla. Con el texto y la marca, en cambio, puede inventarse letras y cambiarte los colores.

Y se pueden juntar: el fondo con una y el texto encima con la otra. La foto aporta el ambiente y el código se encarga de que el texto y la marca salgan exactos.

Qué significa para un negocio pequeño

Si en tu negocio preparas a menudo piezas con texto y marca (publicaciones, fichas de producto, ofertas o carteles para el local), merece la pena tener una plantilla hecha con código. Se monta una vez con tu logo, tus colores y tu tipografía, y a partir de ahí cada pieza nueva es cambiar el texto.

Es la misma forma de trabajar de nuestras webs a medida: el diseño parte de la marca real, con sus colores medidos y su logo original, y se construye con código para que salga igual en todas partes. Y si quieres que esas piezas se generen solas a partir de tus datos, lo vemos como una automatización con IA.

Preguntas frecuentes

¿Qué es Claude Code?

Es una IA de Anthropic que trabaja escribiendo y ejecutando código. En lugar de generar una imagen, puede escribir el diseño como una página web y convertirlo después en imágenes o en PDF.

¿Hace falta saber programar para trabajar así?

Para pedir los cambios, no: se piden con palabras normales. Para montar la plantilla la primera vez y comprobar que todo sale bien, sí ayuda saber qué se está haciendo, y esa es la parte que podemos dejarte hecha.

¿Por qué las IA de imágenes fallan con el texto?

Porque dibujan las letras en lugar de escribirlas. Imitan cómo se ve un texto, y por eso a veces inventan un trazo o cambian un color.

¿Cuándo es mejor una IA de imágenes?

Para fotos, fondos, ambientes e ilustraciones, donde no hay un texto ni un logo que tengan que salir exactos.

Sigue leyendo