Claude Design ya vive dentro del chat de Claude

Hasta ahora, si querías diseñar algo con Claude, tenías que irte a una app aparte. Otro chat, otro contador de tokens, otra pantalla. Eso se acabó: Claude Design ahora está integrado en el chat normal de Claude.

El cambio es más grande de lo que parece. Lo que creas ya no es un diseño básico en HTML, sino un artefacto editable e interactivo. Te cuento qué significa, cómo se usa y las 4 pruebas que hice para ponerlo a trabajar.

Qué ha cambiado

Claude Design era la parte de diseño de Claude: servía para crear aplicaciones, webs, presentaciones y animaciones, todo lo relacionado con el diseño. Pero vivía separado, con su propia web, su propio chat y su propio consumo de tokens.

Ahora, si vas a la pantalla de diseño, Claude te avisa de que Design ya está dentro. Los nuevos proyectos de diapositivas y diseño se crean como artefactos. Desde el mismo chat puedes pedir algo de diseño, y en cuanto Claude detecta que lo es, lo hace con Claude Design. Antes, fuera de la app independiente, el resultado era un HTML muy básico.

Los artefactos son los mismos que ya usabas para crear dashboards. Lo bueno que tienen es que son interactivos: puedes hacer presentaciones o dashboards que cojan datos en tiempo real y se actualicen cada día.

Ya no es una cosa aparte a la que no tengas acceso desde tu Claude normal.

Las 2 formas de usarlo

La primera es directamente desde el chat normal. Le pides una presentación, un informe o lo que sea, y Claude lo hace con los estilos y herramientas de Design sin que se lo digas.

La segunda es desde la pestaña de diseño. Ahí eliges el tipo de proyecto, por ejemplo presentación, y escribes tu prompt. El resultado es el mismo. Lo importante es que las conversaciones quedan guardadas en tu listado de chats de siempre.

Prueba 1: un pitch de 6 diapositivas

Desde la pestaña de diseño elegí presentación. El prompt le pedía que actuara como diseñador de presentaciones senior y generara un pitch interactivo de 6 diapositivas para una startup llamada Ecoflit, indicando qué quería en cada una.

Las slides salieron con un diseño muy actual, con degradados de color, y ajustadas a lo que había pedido. Hasta aquí, algo parecido a lo que ya se podía hacer. Lo nuevo viene ahora.

Edición como en un editor

La presentación se convierte en un editor. Puedes añadir texto donde quieras, subir una imagen desde tu ordenador y colocarla donde te convenga, o meter una tabla de datos, líneas y rectángulos. Todo editable sin salir del chat, algo que antes no podías hacer.

Comentarios y alternativas

Hay una opción de comentar. Marcas un elemento y dejas una nota, por ejemplo "Revisar este título. Propónme alternativas". Puedes dejarlo como pendiente para ti, o para tu equipo si compartes el proyecto, o pulsar enviar a Claude para que lo ejecute.

Yo se lo envié y Claude me propuso varios títulos alternativos. Elegí la opción 1 y lo cambió en la diapositiva. Puedes marcar cambios en varias diapositivas a la vez: otro icono, otra imagen, otros datos, otro color de fondo. Claude los va guardando en un listado y, cuando le das a ejecutar, los hace todos de golpe. Así no tienes que ir prompt a prompt esperando cada cambio. También puedes mostrar todos los comentarios del proyecto.

Compartir y exportar

Puedes compartir la presentación con más gente si trabajas en equipo. Y puedes exportarla a HTML, PDF, PowerPoint, Google Slides o Canva, por si prefieres seguir editando allí. También hay conexión con Adobe, Gamma, Lovable, Miro, Vercel, HubSpot y Hyperframes, este último para hacer animaciones.

Los tipos de proyecto

Además de presentación, la pestaña de diseño ofrece diseño para mockups de aplicaciones y diseño en codebase. Este último es para un artefacto con repositorios y un sistema de diseño.

Ahí puedes crear tu propio sistema de diseño con tus colores, tu imagen de marca y tu tipografía, para que Claude los aplique siempre.

Prueba 2: un informe ejecutivo desde el chat

Aquí no toqué la pestaña de diseño. Abrí un chat nuevo y le pedí un documento corporativo en formato A4, maquetado, para una empresa llamada Nova Retail, indicando las secciones que debía incluir. Nada más. Claude entendió lo que quería y lo hizo con Design directamente.

El informe ejecutivo salió con todo lo pedido, y todo el texto se edita directamente sobre la página. Puedes seleccionar un título y modificarlo, poner una foto y cambiarla, y abrir las propiedades de cada elemento: tamaño, posición, layout, apariencia, colores, efectos y mucho más.

Es como tener un programa de maquetación dentro del chat. No cambias solo el texto: puedes tocar cualquier cosa sin abrir otra herramienta. Y como sigue siendo tu Claude normal, puedes conectarlo con skills, con MCPs o con lo que ya usabas.

Prueba 3: una infografía de gimnasio

Aquí se ve bien la ventaja de no tener que ir a Design. Desde el chat le pedí algo sencillo: una rutina semanal de fuerza para el gimnasio, dividida en 4 días, torso y pierna, con los 3 ejercicios principales de cada día y tiempos de descanso.

Con la rutina ya hecha, le pedí que la convirtiera en una infografía vertical de una página, lista para colgar en el gimnasio o verla en el móvil. Fondo degradado moderno, estilo oscuro, con azules profundos y morados, y bloques modulares para cada día de la semana.

En ese momento entró en acción el modo design, solo y sin que se lo pidiera. Con la integración anterior habría tenido que hacerlo desde la app independiente, y el resultado habría sido bastante más simple. Ahora la infografía sale completa y la puedes editar entera.

Prueba 4: un dashboard interactivo de finanzas

Este es el caso de uso más especial. Le pedí un dashboard interactivo de finanzas personales para el último trimestre: barra superior con KPIs de ingresos totales y gastos totales, gráfico interactivo con desglose, filtro para alternar entre enero, febrero y marzo, y línea de transición, entre otros elementos.

Claude creó el artefacto y lo abrí en pantalla completa. No es una imagen ni una web estática: reacciona. En enero salen unas cifras, en febrero otras, en marzo otras y en el trimestre el total. También podría haberle pedido casillas para introducir tus propios datos a mano.

Para que te hagas una idea, si estuvieras invirtiendo en Bitcoin, podrías pedirle que mostrara arriba el precio del día. Cada vez que entraras al dashboard verías información actualizada: noticias, gráficos, lo que quieras. Y todo esto lo creé desde el chat normal y corriente.

Por qué importa que esté todo en el mismo chat

Hay 3 ventajas claras. Todo consume del mismo contador de tokens, no tienes que saltar a otra web, y lo que creas queda en tu historial de conversaciones. Además, como es tu Claude de siempre, sigues teniendo a mano tus skills y tus MCPs.

Y lo más importante: el diseño deja de ser algo estático. Presentaciones, informes, infografías y dashboards son artefactos que editas, comentas, compartes y, si lo necesitas, actualizas con datos del día.

Lo que te llevas

• Claude Design ya no es una app aparte: está dentro del chat de Claude y comparte tokens y conversaciones.

• Puedes usarlo desde el chat normal, pidiendo el diseño sin más, o desde la pestaña de diseño eligiendo el tipo de proyecto.

• Todo se crea como artefacto editable: cambias textos, imágenes, colores y propiedades sin salir del chat.

• Los comentarios te permiten marcar varios cambios y ejecutarlos todos a la vez, y puedes exportar a PDF, PowerPoint, Google Slides o Canva.

• Los dashboards son interactivos y pueden mostrar datos actualizados cada día, no son una imagen fija.

Todos los vídeos, en mi canal de YouTube.