Cómo usar Claude Design paso a paso

Claude Design está en todos los planes, también en el gratuito, y desde septiembre de 2026 ya no es una web aparte: funciona dentro de cualquier conversación. Hay tres formas de empezar. En una conversación de claude.ai o de la app de escritorio, pídele un diseño con tus palabras o elige Design en el selector de formato de salida (Output) del cuadro de mensaje. En la pestaña de artefactos, elige una plantilla de diseño. Y en Claude Code, pídele un diseño o usa el comando /design. En el móvil también puedes pedirlo en cualquier conversación y verlo en la pestaña de artefactos, aunque los ajustes para compartir solo están en la web y en el escritorio.

Describe qué necesitas como se lo contarías a un diseñador: qué es, para quién, qué pantallas o secciones lleva y qué tiene que conseguir. Por ejemplo, un flujo de bienvenida de cuatro pantallas para una app de reservas, una landing para un taller presencial o un panel de ventas mensual. Usa contenido real en lugar de texto de relleno: el diseño sale mucho mejor cuando Claude sabe qué va a decir cada bloque. Puedes adjuntar referencias, como capturas de pantalla, y también importar documentos de Word, PowerPoint o Excel para que trabaje sobre ellos. Claude construye el diseño en un lienzo al lado de la conversación.

Un sistema de diseño reúne los colores, las tipografías y los componentes de tu marca. Si tu organización tiene uno publicado como predeterminado, los diseños nuevos lo heredan solos. Si no, puedes crearlo desde una conversación con tu guía de marca, o importarlo desde un repositorio de GitHub, desde archivos de diseño, subiendo archivos o desde el código de tu proyecto con el comando /design-sync de Claude Code. Antes de enseñarte un diseño, Claude lo comprueba contra el sistema de diseño y corrige lo que no encaja.

Tienes tres formas de cambiarlo. Por el chat, para cambios generales: otra paleta, otra distribución, un panel nuevo o una versión alternativa. Con comentarios sobre el lienzo: haz clic en un elemento concreto y escribe qué quieres cambiar de esa parte. Y editando a mano: arrastrar, cambiar el tamaño y alinear elementos, editar textos o mover los controles deslizantes de ajuste. Combina las tres: el chat para lo grande, los comentarios para lo concreto y la edición directa para los retoques rápidos.

Cada diseño es privado hasta que lo compartes. Con el botón Share eliges quién puede abrirlo y si puede verlo, comentarlo o editarlo. Con el botón Export, arriba a la derecha, lo descargas como ZIP, PDF, PowerPoint o HTML independiente, lo mandas a Google Slides o lo envías a herramientas conectadas como Canva, Gamma, Miro, Lovable, Vercel o Wix. Si el diseño es una pantalla que hay que construir, pásalo a Claude Code: desde la exportación o con el comando /design, que lo importa a tu proyecto o construye la versión completa.

La web independiente claude.ai/design cierra el 14 de diciembre de 2026 y después queda en solo lectura. Para traer los sistemas de diseño, ve a la página de artefactos de Claude y pulsa el aviso para moverlos: se mueven todos los de la organización a la vez, cada uno con su propietario. Los proyectos los mueve su propietario desde claude.ai/design, y en Team y Enterprise un propietario de la organización puede moverlo todo de una vez. Las conversaciones con Claude y los comentarios no se mueven, y los enlaces públicos de la versión antigua dejarán de funcionar.