VezertVezert
Back to Resources

Claude Design en la Práctica: Nuestra Opinión Honesta Tras 5 Días

Reseña de Claude Design de Vezert: 5 días de uso real — razonamiento estructural, el reto de Figma y si la IA reemplazará a los diseñadores web.

Publicado April 23, 202612 minLena Tarhonska · Co-founder & CEO at Vezert
Diseñador web revisando layouts de interfaz generados por IA en un monitor, Claude Design en el flujo de trabajo de la agencia

Claude Design salió el 17 de abril de 2026. Soltamos lo que teníamos entre manos y nos pasamos los últimos cinco días trabajando con él. No en una sandbox, no como proyecto de laboratorio: directamente dentro del flujo de trabajo real de nuestra agencia de diseño web, con clientes mirando por encima del hombro.

Esto no es un tutorial ni un caso de estudio pulido. Es lo que piensa un equipo que hace landing pages, sitios corporativos y portales web todos los días, escrito cinco días después de uno de los lanzamientos más importantes que recordamos en esta industria.

Cinco días son pocos, sí. Pero a veces cinco días bastan para ver hacia dónde va la cosa.

¿Qué es Claude Design? (Y en qué se diferencia de todo lo demás)

Claude Design es el sistema de diseño de interfaces de Anthropic, montado encima de la familia de modelos Claude. No es un generador de imágenes. Esa distinción pesa más de lo que dejó ver la cobertura del primer día, y por eso esta herramienta golpea diferente.

Midjourney o Adobe Firefly producen imágenes raster a partir de prompts. Claude Design genera estructura: layouts con jerarquía, espaciado, relaciones entre componentes y lógica de interacción. No te da una foto de un sitio web, te da un diseño. Algo coherente por dentro, sobre lo que puedes construir de inmediato.

La consecuencia práctica es que dejas de traducir una referencia visual a un diseño y empiezas a refinar el diseño a secas. El ciclo de iteración se aplasta.

Claude Design vs. Midjourney

Midjourney saca imágenes que impresionan. Para moodboards de marca y dirección creativa sigue siendo espectacular. Para diseño de interfaz siempre fue un problema de traducción: un output precioso que luego un diseñador tiene que rearmar como UI de verdad. Nosotros usamos Midjourney a diario para exploración conceptual y lo vamos a seguir usando. Claude Design no viene a sustituir eso, viene a comerse otra parte del proceso, más abajo.

Claude Design vs. Adobe Firefly

Firefly vive dentro del ecosistema de Adobe Creative Cloud. Genera activos visuales: imágenes de producto, variaciones de fondo, pruebas de composición. El diseño de interfaz web no es su terreno, y Anthropic lo sabe. Compararlos directamente es casi un error de categoría.

Claude Design vs. Figma AI

Figma AI refina y amplía lo que ya existe dentro de un archivo de Figma. Es una capa de refinamiento útil. Claude Design trabaja antes: antes de que exista el archivo, antes de que exista una estructura, en el momento en que todavía estás decidiendo qué debería ser el diseño en el fondo. Uno va río arriba, el otro río abajo. No están en la misma conversación.

CaracterísticaClaude DesignMidjourneyFigma AIAdobe Firefly
Salida principalLayouts de UI y estructuras de interfazImágenes rasterRefinamiento de componentes en archivoImágenes raster y vectores
Método de entradaTexto + contexto empresarialPrompts de textoContexto de archivo de diseño + promptsPrompts de texto + referencias
Idoneidad para diseño webAlta — genera UI utilizable directamenteBaja — requiere reconstrucciónMedia — refina trabajo existenteBaja — solo activos visuales
Salida de códigoEstructuras HTML/CSSNingunaOpciones de exportación limitadasNinguna
Mejor paraPrototipado, wireframes, sistemas de UIMoodboards, imágenes de marcaRefinar diseños existentes en FigmaVisuales de marketing, creación de activos
Arquitectura nativa de IASí — construida desde ceroParcialmenteAdaptada a herramienta existenteAdaptada a suite existente

Cinco días probando Claude Design

No fuimos con pies de plomo. Desde la primera hora tras el lanzamiento le metimos Claude Design a todo lo que se nos ocurrió: estructuras de landing pages en sectores que conocemos bien (fintech, logística, salud), sistemas de componentes, arquitecturas de navegación, fundamentos de sistemas de diseño y direcciones de identidad de marca. Generamos, evaluamos, discutimos, refinamos, volvimos a generar.

Qué probamos

Las landing pages fueron lo primero, porque son la prueba más dura a la hora de pensar cómo está construido un diseño. Una buena landing no es bonita por casualidad: está construida sobre una lógica muy concreta de qué tiene que creerse el visitante, en qué orden, antes de actuar. Y Claude Design va más allá de producir algo que parezca una landing. Razona sobre la secuencia. La primera vez que lo vimos estructurar un layout para tráfico frío y otro para tráfico cálido de forma distinta, con el mismo brief de producto y sin que se lo pidiéramos, nos paramos en seco.

Los componentes de UI vinieron después. Pedimos librerías enteras, sets de visualización de datos, sistemas de formularios, patrones de navegación. La consistencia dentro de una misma sesión nos sorprendió: los componentes parecían del mismo sistema, no un collage de fuentes distintas.

Cómo se veía el día cinco comparado con el día uno

Día uno: estábamos explorando. Tanteando los límites, mirando qué no sabía hacer.

Día cinco: estábamos dirigiendo. Habíamos cogido la gramática: cómo montar un brief para que el primer output ya caiga cerca, cómo rebatir bien, cómo usar las restricciones como acelerador en vez de como freno. La distancia entre la calidad del input y la calidad del output había crecido en cinco días de una forma que a nosotros nos dice una cosa: hay profundidad debajo.

Lo que Claude Design hace realmente bien

Hemos pasado muchas herramientas de IA por el flujo de producción. La mayoría acelera una tarea concreta mientras el pensamiento se queda igual. Claude Design hizo otra cosa.

Razonamiento estructural, no solo generación visual

Claude Design no solo entrega lo que le pides: razona por qué un layout debería estar construido de cierta manera. Pídele una landing de SaaS para una audiencia que aún no conoce la categoría y te coloca la educación antes del social proof. Pide lo mismo para usuarios que ya están dentro de la categoría y la base del layout cambia sola. Esto no es una herramienta visual con interfaz de texto; es una herramienta de pensamiento de diseño que además dibuja.

La calidad con la que cuestiona

Más de una vez en estos cinco días, Claude Design nos avisó de que un brief era ambiguo o contradictorio antes de ponerse a generar. Sin fallar: preguntando. Ese comportamiento se parece más al de un diseñador senior que al de una herramienta de producción. No siempre apetece cuando vas corriendo. Pero el resultado sale mejor.

Velocidad de iteración

Cambios de dirección que antes nos habrían costado un día entero pasaron en minutos. No porque Claude Design haga lo mismo más rápido: es que la operación en sí es otra. Cambiar una dirección de layout deja de ser mover cajas y pasa a ser reformular el brief y dejar que salga una lógica nueva debajo.

Consistencia de contexto

Dentro de una sesión, Claude Design mantiene el contexto. Los componentes que genera en la misma conversación comparten lógica visual: tipografía, sistema de espaciado, patrones de interacción. Esto no es poca cosa. Mantener la consistencia es una de las partes más caras en horas del diseño profesional.

Cinco días después — y todavía no hemos visto el techo

Hemos pasado Claude Design por muchos escenarios en cinco días. Lo llamativo no es solo lo que hizo bien: es que todavía no sabemos dónde están sus límites. Cada vez que le subimos la complejidad, aguantó más complejidad. Eso no se parece a la mayoría de las herramientas de IA, que suelen chocar con la pared bastante pronto. Tenemos ganas de ver cómo serán los próximos 60 días.

Estos son solo los primeros pasos

Cinco días después tenemos clara una cosa: aún no hemos visto el techo.

No lo hemos puesto contra las cuerdas con el trabajo más complejo que hacemos. Descubrimientos con varias partes interesadas, arquitecturas de portales a gran escala, sistemas de marca que tienen que aguantar doce puntos de contacto a la vez. Todo lo que hemos hecho hasta ahora es exploratorio si lo comparas con un encargo real de cliente.

Y aun así, cambió la forma en la que pensamos la fase inicial de cualquier proyecto que vayamos a empezar a partir de ahora.

Las herramientas que luego acabamos llamando transformadoras no siempre llegan con trompetas. A veces aparecen sin hacer ruido y te das cuenta, unas semanas más tarde, de que has dejado de hacer algo a lo que antes le dedicabas horas. Creemos que Claude Design es de esas. Y creemos que estamos en los primeros días de entender qué significa eso en la práctica.

Lo estamos integrando. Estamos montando flujos a su alrededor. No lo tratamos como una novedad que evaluar, sino como una capacidad que desarrollar. Ese cambio mental pasó en cinco días. Si aún no lo has tocado, la guía oficial de inicio de Anthropic es el camino rápido para hacerte tu propia idea.

Equipo de diseño web revisando juntos layouts de interfaz generados por IA, con los outputs de Claude Design en un monitor grande
Día tres de pruebas — las sesiones de revisión del equipo se alargaban a medida que entendíamos mejor la herramienta

Figma y Adobe: la imagen honesta

Vamos a ser claros: a Figma le deseamos lo mejor, de verdad. Figma cambió los flujos de diseño colaborativo de una forma que no fue gradual, fue categórica. Antes de Figma, colaborar en diseño era un dolor constante. Figma lo convirtió en algo que ya ni piensas. Eso es una aportación real.

Pero Figma tiene un problema de fondo que Claude Design deja a la vista.

Todo lo que pasa dentro de Figma sigue requiriendo que un humano tome cada decisión visual, mueva cada elemento, defina cada relación entre componentes. Figma AI añade capas útiles por encima, pero están añadidas sobre un modelo que en el fondo es manual. El archivo de diseño sigue siendo el centro de gravedad. La mano humana sigue encima de cada píxel.

Claude Design no funciona así. Razona sobre la estructura antes de generarla. El modelo mental está al revés: tú defines el objetivo y las restricciones, y la lógica viene detrás. La diferencia no va de funcionalidades; va del modelo mental que hay debajo.

La posición más incómoda de Adobe

La situación de Adobe, vista por lo mismo, es todavía peor. La Creative Cloud es gigantesca: Photoshop, Illustrator, After Effects, XD, InDesign, Premiere, Lightroom. Una base instalada enorme, flujos profesionales muy asentados, contratos corporativos. Y Firefly, que objetivamente hace bien lo que hace.

Pero Adobe optimiza para lo que ya existe. Firefly genera imágenes. No razona sobre estructura de interfaz. La suite se construyó para un mundo en el que crear significaba manipular elementos visuales con manos hábiles. En ese mundo, Adobe no tiene competencia seria.

La pregunta es si ese sigue siendo el mundo en el que estamos.

Las herramientas nativas de IA (las que se construyen desde cero alrededor de la generación conversacional de diseño, no de la manipulación visual) no necesitan ganarle a Adobe en el terreno de Adobe. Solo necesitan que el terreno de Adobe empiece a parecer antiguo.

¿Tienes curiosidad por cómo es el diseño web nativo de IA?

Estamos montando nuestro flujo profesional alrededor de Claude Design desde el primer día. Si quieres ver qué significa eso dentro de un proyecto real, te lo enseñamos encantados.

Iniciar una conversación

La diferencia de rendimiento es de otra liga

Cambios de dirección que antes suponían dos o tres días de sesiones de revisión ahora pasan en menos de una hora con Claude Design. En nuestros primeros cinco días hicimos cuatro iteraciones de fondo completas sobre una landing fintech: un proyecto que normalmente nos comía casi toda una semana de descubrimiento. No es una mejora incremental. Es otro tipo de trabajo.

¿Recuerdas Nokia? ¿Recuerdas BlackBerry?

En 2007, Nokia fabricaba aproximadamente el 40% de todos los móviles que se vendían en el mundo. Tenían la cadena de suministro, la distribución, el reconocimiento de marca, la relación con los operadores. Tenían todas las ventajas de base que se podían tener en la industria del móvil. Y luego les pasó algo: el iPhone redefinió lo que era un teléfono, y las ventajas de Nokia eran ventajas para construir lo anterior.

BlackBerry tenía el mercado corporativo por otra vía. El email móvil seguro lo inventaron ellos. Los departamentos de TI se estandarizaron en BlackBerry. La fidelidad no venía solo de la costumbre; venía del propio diseño del sistema. En 2013 ya estaban negociando por su supervivencia.

La moraleja no es que Nokia y BlackBerry estuvieran mal gestionadas. Los ingenieros de RIM eran buenísimos. La fabricación y distribución de Nokia eran de primer nivel. La moraleja es que dominar en un paradigma no te protege cuando ese paradigma cambia. Cuando eso pasa, tu foso se convierte en el peso que arrastras al intentar girar.

Qué tiene que ver esto con las herramientas de diseño

El foso de Figma es que todos los diseñadores ya lo conocen. Cada equipo tiene archivos, componentes, librerías y procesos montados dentro. Cada flujo de entrega a desarrollo se conecta con él. Ese foso es real y es profundo.

Pero solo es un foso si el modelo nuevo sigue pasando por Figma. Si el proceso de diseño cambia en el fondo, de 'el diseñador mueve elementos en un archivo' a 'el diseñador dirige a la IA para que genere estructura desde la intención', entonces el foso está en el sitio equivocado. La profundidad de tu experiencia en la forma vieja de trabajar no se traspasa sola a la nueva.

No decimos que Figma vaya a desaparecer. Decimos que Figma tiene encima el mismo reto que tiene toda herramienta dominante cuando llega un cambio de paradigma. Las empresas que atravesaron bien momentos parecidos lo hicieron tratando el enfoque nuevo como prioridad de primer orden, no como funcionalidad a integrar. Las otras las recordamos por motivos distintos.

El problema del foso que tiene toda herramienta dominante

La mayor fortaleza de Figma, que todos los diseñadores ya la conocen, es también su mayor riesgo si cambia la forma de trabajar. La experiencia con el modelo viejo no se traspasa sola al nuevo. Esto no es exclusivo de Figma: Nokia tenía una fabricación de primer nivel, BlackBerry tenía el mercado corporativo atado. Dominar un enfoque no te defiende cuando ese enfoque deja de ser el dominante. Las empresas que salieron bien paradas trataron el paradigma nuevo como prioridad de primer nivel desde el principio.

¿La IA reemplazará a los diseñadores web? Nuestra opinión tras 5 días

No. Pero 'reemplazar' sigue siendo un marco equivocado.

Lo que hace Claude Design es comprimir la ejecución. La parte del trabajo de diseño que siempre fue más oficio que pensamiento (sacar el primer pase de layout, iterar entre opciones distintas, producir variaciones de componentes) ahora va mucho más rápido. Lo que queda, y lo que se vuelve más caro, es el criterio: saber si la estructura es la correcta para ese problema de negocio concreto, cuestionar el brief antes de ejecutarlo, leer la dinámica entre los stakeholders que ningún brief captura.

A los diseñadores que mejor les está yendo ahora son los que tratan Claude Design como una palanca que amplifica lo que ya saben, y no como una amenaza. Escriben mejores briefs, evalúan outputs más rápido y dedican más tiempo a las decisiones que de verdad mueven la aguja: la lógica de conversión, cómo se jerarquiza la información y, por debajo de todo, la psicología del usuario.

Los que lo van a pasar mal no son los que no dominan la técnica. Son los que construyeron su identidad sobre la velocidad de producción y no sobre la calidad del criterio.

Esta transición se parece bastante a cada ola anterior de herramientas que pasó por esta industria. Photoshop no reemplazó a los diseñadores. Reemplazó a la gente cuyo trabajo era ejecutar sin criterio. Los que aprendieron Photoshop se volvieron más potentes. Los que no se adaptaron se encontraron con que el campo se había movido sin ellos.

Está pasando lo mismo ahora, solo que en mucho menos tiempo. Cinco días después, ya estamos trabajando de forma distinta a como trabajábamos la semana pasada.

Diseñador y estratega en discusión enfocada revisando decisiones de dirección de diseño en una oficina moderna y luminosa
El trabajo que se vuelve más valioso: criterio, estrategia y las decisiones que ninguna IA va a tomar por ti

Cinco días con Claude Design: no volvemos atrás

Empezamos con Claude Design el 19 de abril de 2026, dos días después de su lanzamiento público el 17. Cinco días más tarde escribimos esto no como la reseña de algo que hemos evaluado, sino como una declaración sobre algo que ya estamos integrando.

Estamos impresionados de verdad. No de la manera cauta y medida que el escepticismo profesional a veces produce, sino de la manera directa que aparece cuando ves a una herramienta hacer algo que todavía no dabas por posible. El razonamiento estructural, la velocidad de iteración, la consistencia dentro de la sesión: esto no son mejoras incrementales sobre lo que había. Son otra forma de pensar qué es el proceso de diseño.

Figma responderá. Adobe responderá. Tienen recursos y talento para construir capacidades nativas de IA serias. La pregunta es si pueden moverse lo bastante rápido, y lo bastante lejos de cómo han trabajado hasta ahora, para llegar a tiempo.

Nos acordamos de Nokia. Nos acordamos de BlackBerry. Y también de lo rápido que se movieron las cosas cuando por fin empezaron a moverse.

Somos una agencia que trabaja profesionalmente con IA. Para nosotros no es una capacidad secundaria; es el modelo operativo principal. Claude Design es el lanzamiento más relevante que hemos visto desde la aparición del propio Figma. Nos dimos cuenta el primer día. Estamos construyendo encima desde aquí.

Related Articles

Explore more articles on similar topics to deepen your understanding

Explore All Articles

Frequently Asked Questions

Find answers to common questions about this topic