Claude Design: nuestra opinión honesta tras 5 días de prueba

Claude Design es la herramienta de diseño con IA de Anthropic: describes lo que quieres ver y Claude construye una primera versión, fiel a tu marca, como diseño, prototipo interactivo, presentación o one-pager. Se lanzó el 17 de abril de 2026 como research preview de Anthropic Labs y, desde el 16 de septiembre de 2026, funciona dentro de cualquier conversación de Claude en todos los planes, incluido el gratuito.

La probamos durante cinco días laborables en abril de 2026, dos días después de su lanzamiento, con briefs reales en nuestra agencia de diseño de webs corporativas. Vivimos de construir landing pages, sitios corporativos y portales web, así que intentamos romperla igual que los clientes nos ponen a prueba a nosotros.

Esta versión conserva lo que vimos entonces, con su fecha, y corrige lo que ha cambiado, sobre todo el acceso, los límites de uso y las exportaciones. Cada dato de producto enlaza a su fuente en Anthropic o Figma.

Claude Design es la parte visual de Claude. Sirve para crear diseños, prototipos, presentaciones y one-pagers junto a Claude, y en el lanzamiento funcionaba con Claude Opus 4.7, que Anthropic describió como su modelo de visión más capaz (anuncio de lanzamiento). Describes lo que necesitas, Claude construye una primera versión y tú la ajustas con comentarios en línea, ediciones directas de texto y controles deslizantes de espaciado, color y layout.

Para proyectos web, lo que más importa es el sistema de diseño. Durante la configuración, Claude lee tu código y tus archivos de diseño y crea un conjunto de colores, tipografía y componentes que los proyectos siguientes reutilizan automáticamente. El centro de ayuda enumera como fuentes un repositorio de GitHub, archivos de diseño, subidas directas, archivos de Figma, presentaciones, logos y tipografías, además del comando /design-sync de Claude Code, que lee tokens y componentes directamente de una base de código en React (guía del sistema de diseño). Los sistemas de diseño siguen marcados como beta.

No es un generador de imágenes

Midjourney y Adobe Firefly te dan imágenes. Claude Design te da un layout con jerarquía, espaciado y componentes que se conocen entre sí, navegable como prototipo o exportable como HTML. En abril fue lo que más nos llamó la atención. Con un generador de imágenes, alguien todavía tiene que sentarse a reconstruir la imagen con componentes reales. Con Claude Design, el primer borrador ya es la interfaz, así que ese paso de traducción desaparece.

Seguimos usando Midjourney para moodboards y direcciones de marca. Firefly, dentro de Creative Cloud, genera recursos visuales como fotos de producto, que es otro trabajo. Comparar cualquiera de los dos con Claude Design es casi un error de categoría.

Bastante, y casi todo afecta al acceso, no al resultado. En abril de 2026 era una research preview para planes de pago, con cuota semanal propia y su propia dirección en claude.ai/design. En octubre de 2026 funciona dentro de las conversaciones normales de Claude, está abierto a los usuarios Free y comparte una única bolsa de uso con el resto de Claude.

• 17 de abril de 2026. Lanzamiento como research preview de Anthropic Labs para suscriptores Pro, Max, Team y Enterprise, con Claude Opus 4.7. En Enterprise venía desactivado hasta que un administrador lo activara (Anthropic).
• 16 de septiembre de 2026. Según las notas de la versión, diseños, presentaciones y documentos llegan a cualquier conversación y a la pestaña Artifacts, y Artifacts (con Claude Design, Claude Slides y Claude Docs) está disponible en todos los planes (notas de la versión). Las presentaciones tienen ahora su propia herramienta, Claude Slides (guía de administración).
• Uso. Claude Design tenía antes su propia cuota semanal. Ahora cuenta para los mismos límites que el resto de Claude, incluido Claude Code (centro de ayuda).
• Exportaciones e integraciones. El anuncio de lanzamiento mencionaba Canva, PDF, PPTX y HTML independiente. El centro de ayuda añade ahora descarga en ZIP, Google Slides, dos vías de traspaso a Claude Code y 15 herramientas asociadas: Adobe Experience Manager, Adobe for Creativity, Adobe Journey Optimizer, Base44, Canva, Gamma, HubSpot, Hyperframes, Lovable, Miro, Netlify, Replit, v0, Vercel y Wix.
• 15 de octubre de 2026. Design, Slides y Docs se activan por defecto en los planes Enterprise. Los propietarios pueden activarlos o desactivarlos antes (guía de administración de artefactos).
• 14 de diciembre de 2026. Cierra el sitio independiente claude.ai/design. Los proyectos siguen allí hasta entonces, y hasta 60 aparecen también en la pestaña Artifacts.

El centro de ayuda sigue señalando dos carencias: todavía no hay historial de versiones, y la edición entre varias personas es básica y puede no funcionar de forma fiable. Para trabajo regulado, la guía de administración de artefactos indica que Claude Design no admite por ahora requisitos de residencia de datos y no está cubierto por el BAA de Anthropic, así que la información de salud protegida debe quedarse fuera.

Ya no necesitas un sitio aparte. Según el centro de ayuda de Anthropic, puedes pedirle a Claude un diseño en cualquier conversación o elegir Output y luego Design en el cuadro de mensaje. También puedes empezar desde una plantilla de Design en la pestaña Artifacts, ejecutar /design en Claude Code o editar diseños en las apps de iOS y Android. El claude.ai/design independiente funciona hasta el 14 de diciembre de 2026, y conviene migrar antes los sistemas de diseño (centro de ayuda). Los artículos de ayuda también están en español.

El ciclo de trabajo es el que aprendimos en abril. Escribe un brief, no un prompt: quién es la audiencia, qué cree ya y qué necesitas que haga. Deja que genere, discute la primera estructura en lugar de aceptarla y vuelve a generar con tu desacuerdo escrito en el brief. La calidad de lo que sale sigue casi exactamente la calidad de lo que entra.

Dos decisiones ahorran tiempo. Primero crea el sistema de diseño, a partir de un repositorio o de los archivos de marca, para que cada proyecto arranque con tu identidad. Después decide dónde acaba el trabajo. Puedes exportarlo (ZIP, PDF, PPTX, Google Slides o HTML independiente), enviarlo a una herramienta asociada o pasárselo a Claude Code con "Enviar a agente de codificación local" o "Enviar a Claude Code Web". Desde Claude Code, /design puede importar un diseño a tu base de código, exportar código como prototipo en vivo o hacer que Claude lo construya entero. Como tutorial, Anthropic ofrece uno (en inglés) sobre Claude Design para prototipos y UX.

Claude Design no tiene precio propio. Está incluido en todos los planes de Claude, también en Free, y el trabajo de diseño consume los mismos límites de uso que el chat y Claude Code (centro de ayuda). La pregunta práctica sobre el precio de Claude Design es qué plan te da margen suficiente. En la página de precios de Anthropic, en octubre de 2026, Pro cuesta $20 al mes ($17 al mes con facturación anual), Max parte de $100 al mes y una plaza Team Standard cuesta $25 al mes ($20 con facturación anual). Los precios están en dólares y no incluyen impuestos.

Los proyectos con bases de código grandes o muchas iteraciones gastan más. Cuando los alcanzas, Claude Design deja de estar disponible hasta que se restablecen, salvo que tengas activados créditos de uso. En los planes Team y Enterprise por plazas, el uso sale de los límites de sesión y semanales de cada plaza, y los administradores pueden comprar créditos extra. Los planes Enterprise basados en uso se facturan a tarifas estándar de la API, con límites de gasto por organización, grupo y usuario (guía de administración de artefactos).

¿Claude Design es gratis? El plan Free basta para probarlo; que aguante un proyecto completo depende de tus iteraciones. Para una empresa que encarga una web, la suscripción rara vez es la cifra que importa: frente a un proyecto corporativo de €4.500, $20 al mes es calderilla.

Empezamos el 19 de abril de 2026, dos días después del lanzamiento, y usamos Claude Design durante cinco días laborables en trabajo real, no en un entorno de pruebas. Cinco diseñadores pasaron por la herramienta unos seis briefs de clientes: landing pages de sectores que conocemos bien (fintech, logística, salud), sistemas de componentes UI, arquitecturas de navegación, bases de sistemas de diseño y direcciones de identidad de marca. Generar, evaluar, rebatir, regenerar, hasta que a alguien le entró hambre.

Qué probamos

Empezamos por las landing pages, la prueba más exigente de si una herramienta piensa de verdad. Una buena landing no es bonita por casualidad: se construye sobre una secuencia de cosas que el visitante necesita creer antes de actuar, y Claude Design razonó sobre esa secuencia. La primera vez que la vimos estructurar un layout para tráfico frío de forma distinta que uno para tráfico templado, a partir del mismo brief de producto y sin que se lo pidiéramos, la sala se quedó en silencio un segundo.

Después vinieron los componentes UI: bibliotecas, visualización de datos, formularios, navegación. La consistencia dentro de una sesión fue mejor de lo esperado: todo parecía salir de un solo sistema, no de un montón de tableros de Pinterest.

El quinto día frente al primero

El primer día la tanteábamos, buscando qué no sabía hacer. El quinto día ya la dirigíamos: sabíamos escribir un brief para que la primera pasada saliera casi bien, rebatir sin confundirla y usar las restricciones para ir más rápido.

Según nuestro recuento aproximado de entonces, el paso del brief a un primer wireframe con la arquitectura de información completa llevó entre un 45% y un 60% menos de tiempo que nuestro flujo solo con Figma. Tómalo como una estimación de cinco días de un solo equipo, no como una medición controlada.

Casi todas las herramientas de IA que hemos usado aceleran una tarea sin tocar la parte de pensar. En abril, Claude Design fue distinto en cuatro cosas: razonaba sobre la estructura, rebatía los briefs malos, cambiaba de dirección en minutos y mantenía la coherencia de una sesión. También tiene límites, sobre todo los que la propia Anthropic documenta y los que nuestra prueba corta nunca llegó a tocar.

Razonamiento estructural

Pídele una landing de SaaS para un público que nunca ha oído hablar de la categoría de producto y pone la educación antes de la prueba social. Pide el mismo producto para gente que ya conoce la categoría y la estructura se reorganiza. Se comportaba menos como una herramienta visual con un chat y más como una herramienta de design thinking que, de paso, produce visuales.

Las objeciones son de verdad

Más de una vez durante esa semana, Claude Design señaló que nuestro brief era ambiguo o se contradecía antes de generar nada. Preguntó en vez de fallar. Se parece más a trabajar con un diseñador senior que con una herramienta de producción, y con prisa no siempre se agradece. Los resultados mejoraron cada vez que bajamos el ritmo y respondimos bien. Molesto, y también acertado.

Velocidad de iteración y coherencia

Cambiar la dirección de un layout dejó de consistir en mover elementos. Reescribíamos el brief y salía un layout nuevo. Dentro de una sesión, los componentes compartían tipografía, espaciado y patrones de interacción. Esa coherencia suele ser de lo más laborioso de nuestro trabajo, y que saliera sin vigilarla era nuevo.

Dónde se queda corto

El centro de ayuda indica que aún no hay historial de versiones y que la edición entre varias personas es básica (centro de ayuda). Los sistemas de diseño están en beta, los migrados pueden necesitar algo de limpieza y las vistas previas en vivo de los componentes no son accesibles con la tecla Tab, así que no se pueden manejar con el teclado (guía del sistema de diseño). Esto último importa si la revisión de accesibilidad forma parte de tu proceso. Y el resultado es tan bueno como el brief: Claude Design produce una estructura creíble para un brief equivocado con la misma facilidad que para uno correcto.

A los cinco días no habíamos visto el techo, y así lo dijimos entonces. No habíamos puesto a prueba Claude Design con el trabajo más difícil que hacemos: descubrimiento con muchos stakeholders, grandes arquitecturas de portales o sistemas de marca que tienen que sostenerse en 12 puntos de contacto distintos. Todo lo que hicimos era exploratorio según los estándares de un encargo real, así que lee las observaciones de abril como primeras impresiones de un equipo.

Desde entonces no hemos hecho ni publicado una segunda prueba, y esta actualización no finge lo contrario. Sí podemos describir dónde encaja Claude Design en nuestro proceso, como ya explican nuestras páginas de servicios y nuestra guía del proceso. En un sitio corporativo, el responsable de UX aprueba la arquitectura de información mientras Claude Design genera de tres a cinco estructuras candidatas con las que contrastarla. En una landing page, propone de tres a cinco direcciones de UX y un diseñador senior se queda con una. Todo artefacto generado con IA pasa por un diseñador senior antes de salir de nuestras manos.

Claude Design y Figma empiezan por extremos opuestos. En Figma Design una persona toma cada decisión visual, y la IA de Figma ayuda dentro de ese archivo. Claude Design parte de un objetivo y unas restricciones y genera primero la estructura. La comparación más cercana es la herramienta de Figma basada en prompts, Figma Make: convierte prompts y diseños de Figma existentes en prototipos interactivos y aplicaciones web con código editable (centro de ayuda de Figma).

Nos gusta Figma: cambió de verdad el diseño colaborativo, y esa aportación es real. La tabla compara las dos solo con lo que publica cada empresa: el centro de ayuda y la página de precios de Anthropic, y el centro de ayuda y la página de precios de Figma.

¿Es el momento Nokia de Figma?

En abril comparé Figma y Adobe con Nokia y BlackBerry: empresas excelentes en lo suyo cuyas ventajas pertenecían a la forma antigua de trabajar. En octubre lo diría con más cuidado. El foso de Figma es que todos los diseñadores la conocen y todos los traspasos pasan por ella, y ese foso solo se debilita si el trabajo inicial deja de empezar en un archivo de Figma. Además, Figma ya tiene su propia herramienta basada en prompts, Make, algo que la analogía no tiene en cuenta. Cuánto trabajo de layout se irá a herramientas como Claude Design y cuánto se quedará en Figma es una pregunta abierta. Nadie lo sabe todavía, tampoco nosotros.

Adobe es ahora un destino de exportación

La posición de Adobe es distinta de la de abril. Firefly sigue generando imágenes, no estructura de interfaz, pero Adobe Experience Manager, Adobe for Creativity y Adobe Journey Optimizer aparecen ya en la lista de herramientas asociadas de Claude Design (centro de ayuda). Por ahora, Adobe es uno de los sitios a los que se envía el trabajo de Claude Design.

Claude Design sirve a quien necesita ver una idea antes de invertir en ella y a equipos con un sistema de diseño o una base de código que pueda leer. Encaja peor donde aprietan sus límites documentados: datos regulados, normas de residencia de datos o trabajo que depende del historial de versiones y de que varias personas editen a la vez. El reparto se basa en nuestra prueba de abril y en la documentación de Anthropic.

Encaja bien

• Fundadores y responsables de marketing que quieren un concepto, una plantilla interna o tres direcciones que comparar antes de encargar nada. Basta el plan Free.
• Equipos de producto con una base de código en React, porque /design-sync lee tokens y componentes directamente.
• Diseñadores que quieren varias direcciones de layout rápido para dedicar su tiempo a elegir.
• Equipos que ya publican con Canva, Lovable, v0, Vercel o Wix y quieren un traspaso directo.

Encaja peor

• Equipos sanitarios y cualquiera que maneje información de salud protegida, porque Claude Design no está cubierto por el BAA de Anthropic.
• Organizaciones con requisitos de residencia de datos, que Claude Design no admite por ahora.
• Equipos que necesitan historial de versiones, o que varias personas editen el mismo diseño a la vez de forma fiable.
• Quien quiera una web que genere ingresos sin que nadie compruebe si la estructura encaja con su audiencia.

No, y tratamos la pregunta más amplia en un artículo aparte sobre IA frente a diseñadores web humanos. La versión corta de nuestra prueba de abril es que Claude Design comprime la ejecución: la primera pasada de layout, las iteraciones, las variantes de componentes. Lo que gana valor es el criterio. ¿Es esta estructura la adecuada para este problema de negocio? ¿Está mal el brief? ¿Qué es lo que los stakeholders nunca pusieron por escrito?

Lo pasarán mal los diseñadores cuya identidad se apoya en la velocidad más que en el criterio, y lo digo con simpatía, porque el sector les repitió durante años que la velocidad era el trabajo. A los que les va bien la usan como palanca para su propio trabajo: escriben mejores briefs, revisan resultados más rápido y dedican su energía a la lógica de conversión y a la jerarquía de la información.

Quienes llegan a esta reseña casi nunca son diseñadores: dirigen una empresa, necesitan una web y quieren saber si Claude Design cambia lo que deberían pagar o a quién contratar. Cambia quién produce el primer borrador. No cambia quién tiene que acertar con tu audiencia, tu oferta y tus números, y ahí sigue estando la mayor parte del coste y del valor de una web.

Qué cambia para quien encarga

Ves opciones de layout reales pronto, cuando cambiar de dirección aún es barato. Nuestros plazos publicados son de 2 a 5 días para una landing page, de 2 a 4 semanas para un sitio corporativo y de 6 a 12 semanas para un portal (cronograma de desarrollo web). También puedes renunciar al flujo asistido por IA: un sitio corporativo multilingüe hecho totalmente a mano pasa de 4 a 8 semanas a de 8 a 14 semanas y cuesta alrededor de un 25% más.

Qué no cambia

Quién decide. Claude Design produce una estructura creíble para cualquier brief que le des, incluido uno equivocado. No puede saber que tus mejores visitantes llegan desde una página comparativa y quieren ver precios primero, o que tu equipo comercial pierde siempre por una objeción que debería estar en la sección hero. Esas decisiones deciden si una web gana dinero, y las toma una persona que ha leído tus números. Nuestro proceso de desarrollo web pone esa lectura antes de cualquier generación.

Cómo saber cuál necesitas

Prueba la herramienta antes de llamar a nadie. Para un concepto, una plantilla interna o tres direcciones que comparar antes de comprometer presupuesto, Claude Design basta, y pagar a una agencia por ese paso sería tirar el dinero. Si la web genera ingresos, tiene que posicionar o tiene ocho stakeholders con opinión, la estructura generada es la parte barata del trabajo. Cuándo basta un creador de webs con IA y cuándo conviene una agencia lo comparamos en creador de webs con IA vs agencia. Nuestras landing pages parten de €1.500, los sitios web corporativos de €4.500 y los portales web de €9.000. Qué compra realmente un presupuesto web desglosa las partidas, y la página de precios recoge los paquetes.

En abril de 2026, tras cinco días, nuestro veredicto fue que Claude Design era el lanzamiento de herramienta de diseño más importante que habíamos visto desde la propia Figma, sobre todo por cómo razona sobre la estructura. Seis meses después, los datos del producto le favorecen: está en todos los planes, funciona en conversaciones normales y exporta a más sitios, incluido Claude Code. Las carencias que la propia Anthropic enumera (historial de versiones, edición entre varias personas, residencia de datos) son reales, así que compáralas con tus necesidades, y en la UE también con el RGPD.

Figma y Adobe tienen el dinero y el talento para responder, y Figma ya tiene Make. Si el trabajo inicial de layout sale de Figma para siempre sigue abierto. Nuestra respuesta es práctica: Claude Design propone, un diseñador senior decide, y sobre esa base trabajamos con la IA como modelo operativo central. Las webs que produce ese proceso están en nuestro portfolio de diseño web.