Diseñar con IA: cómo la usamos en un estudio premiado (y dónde no la dejamos entrar)

Tabla de contenidos

Cada vez que publicamos un proyecto, alguien pregunta: «¿Esto lo hicieron con IA?». La respuesta honesta es: en parte sí, y en la parte que importa, no.

Somos un estudio de diseño premiado por CSS Design Awards, Elementor y Orpetron, y somos Claude Partner de Anthropic. Usamos IA todos los días. Te contamos cómo, y en qué momentos la dejamos fuera de la sala.

La respuesta corta

En Flamingo Agency usamos la IA para investigar, explorar ideas, generar recursos visuales, acelerar el desarrollo y automatizar tareas repetitivas. No la usamos para tomar las decisiones que definen una marca: qué va primero, qué sobra, qué hace que una identidad no se parezca a ninguna otra. La IA acelera; el criterio es humano.

Dónde sí entra la IA

En la investigación

Antes de diseñar, hay que entender el negocio, el sector y la competencia. La IA nos ayuda a ordenar información, resumir documentos del cliente y detectar patrones en cómo se comunica un sector. Lo que antes llevaba una tarde, ahora lleva una hora.

En la exploración visual

Al inicio de un branding, generamos imágenes para explorar direcciones: paletas, atmósferas, estilos fotográficos. Son moodboards a velocidad de vértigo. Ninguna de esas imágenes llega al resultado final tal cual; sirven para decidir hacia dónde ir.

En los recursos

Imágenes para artículos, fondos, mockups, mejora de fotos que llegan en baja calidad. Es trabajo necesario, pero no es donde está el valor del diseño.

En el desarrollo

La IA nos ayuda a escribir código más rápido, encontrar errores y probar ideas. Siempre revisado por una persona: un código que «funciona» no es lo mismo que un código que está bien.

En la automatización

Tareas internas y de clientes: clasificar consultas, preparar borradores, conectar herramientas. Aquí aplicamos nuestra regla: automatizamos lo repetitivo, no lo que requiere criterio.

Dónde no la dejamos entrar

  • En el concepto. La idea central de una marca sale de entender a las personas que hay detrás. Una IA puede proponer cien ideas; elegir la que es verdad para ese negocio es trabajo humano.
  • En el logo final. Un logo se dibuja, se ajusta y se prueba en tamaños pequeños, en negro, en bordado y en una servilleta. Ningún generador hace eso.
  • En el detalle. El espaciado entre letras, el ritmo de una animación, el momento exacto en que aparece un botón. Lo que hace que un jurado se fije en una web está en los detalles que nadie le pidió a una IA.
  • En la conversación con el cliente. Entender lo que alguien quiere, incluso cuando no sabe explicarlo, sigue siendo cosa de personas.

Lo que cambió (y lo que no)

La IA cambió la velocidad. Hoy exploramos más opciones en menos tiempo, y eso hace que los proyectos sean mejores, porque probamos cosas que antes no nos daba tiempo a probar.

Lo que no cambió es lo que hace bueno un diseño: tener algo que decir y decirlo con coherencia. Con IA, cualquiera puede generar una web en un fin de semana. Por eso mismo, una web pensada se nota más que nunca. Te lo contamos en tu web hecha con IA en un fin de semana se nota.

Lo que puedes aplicar en tu negocio

  • Usa la IA para preparar, explorar y acelerar.
  • Reserva para ti las decisiones que definen tu marca.
  • Revisa todo lo que salga con tu nombre puesto.
  • Si una pieza podría ser de cualquier empresa, no es tuya todavía.

En resumen

La IA es la mejor herramienta que ha tenido el diseño en décadas. Pero sigue siendo eso: una herramienta. Lo que hace que un trabajo se recuerde sigue siendo el criterio de quien la usa.

Si quieres ver el resultado de esa mezcla, pásate por nuestro portfolio. Y si quieres que la apliquemos a tu marca, hablemos.

") O en un plugin tipo "Insert Headers and Footers" ============================================ */document.addEventListener('DOMContentLoaded', function () {/* 1. Crear los elementos del cursor una sola vez */ var glow = document.createElement('div'); glow.id = 'custom-cursor-glow'; document.body.appendChild(glow);var cursor = document.createElement('div'); cursor.id = 'custom-cursor'; cursor.innerHTML = ''; document.body.appendChild(cursor);var cursorIcon = cursor.querySelector('i'); var cursorText = cursor.querySelector('span');/* 2. Config por variante: tamaño del circulo y tamaño de fuente al activarse */ var VARIANT_SIZE = { 'cursor-solid': 72, 'cursor-gradient': 72, 'cursor-glass': 66, 'cursor-outline': 66, 'cursor-square': 80, 'cursor-blur': 74, 'cursor-glow': 60, 'cursor-icon': 76 }; var VARIANT_FONT = { 'cursor-solid': 11, 'cursor-gradient': 11, 'cursor-glass': 11, 'cursor-outline': 10, 'cursor-square': 11, 'cursor-blur': 10, 'cursor-glow': 11, 'cursor-icon': 9 }; var ALL_VARIANTS = Object.keys(VARIANT_SIZE);/* 3. Movimiento con retardo (lerp) */ var mouseX = 0, mouseY = 0; var curX = 0, curY = 0; var ease = 0.16; var currentSize = 0; var targetSize = 0; var glowExtra = 30;document.addEventListener('mousemove', function (e) { mouseX = e.clientX; mouseY = e.clientY; });function loop() { curX += (mouseX - curX) * ease; curY += (mouseY - curY) * ease; currentSize += (targetSize - currentSize) * ease;cursor.style.opacity = currentSize > 0.5 ? '1' : '0'; cursor.style.width = currentSize + 'px'; cursor.style.height = currentSize + 'px'; cursor.style.transform = 'translate(' + (curX - currentSize / 2) + 'px,' + (curY - currentSize / 2) + 'px)'; var glowSize = currentSize > 0 ? currentSize + glowExtra : 0; glow.style.width = glowSize + 'px'; glow.style.height = glowSize + 'px'; glow.style.transform = 'translate(' + (curX - glowSize / 2) + 'px,' + (curY - glowSize / 2) + 'px)';requestAnimationFrame(loop); } loop();/* 4. Detectar hover sobre cualquier elemento con alguna clase cursor-* */ var selector = ALL_VARIANTS.map(function (v) { return '.' + v; }).join(', ');document.addEventListener('mouseover', function (e) { var target = e.target.closest(selector); if (!target) return;var variant = ALL_VARIANTS.find(function (v) { return target.classList.contains(v); }); if (!variant) return;/* limpia variantes anteriores y aplica la actual */ ALL_VARIANTS.forEach(function (v) { cursor.classList.remove(v); }); ALL_VARIANTS.forEach(function (v) { document.body.classList.remove(v); }); cursor.classList.add(variant); document.body.classList.add(variant, '__active'); target.classList.add('__active');targetSize = VARIANT_SIZE[variant] || 70;var text = target.getAttribute('data-cursor-text') || ''; var iconClass = target.getAttribute('data-cursor-icon') || ''; cursorText.textContent = text; cursorText.style.fontSize = text ? (VARIANT_FONT[variant] || 11) + 'px' : '0px'; cursorIcon.className = iconClass; cursorIcon.style.fontSize = iconClass ? (variant === 'cursor-icon' ? 16 : 14) + 'px' : '0px'; });document.addEventListener('mouseout', function (e) { var target = e.target.closest(selector); if (!target) return; var related = e.relatedTarget; if (related && target.contains(related)) return;target.classList.remove('__active'); document.body.classList.remove('__active'); ALL_VARIANTS.forEach(function (v) { document.body.classList.remove(v); }); targetSize = 0; cursorText.style.fontSize = '0px'; cursorIcon.style.fontSize = '0px'; });});