Claude Design

Diseña tu idea con Claude

Describe un elemento visual y Claude creará una primera versión, acorde a la imagen de marca. Perfecciona, comparte o delega a las herramientas que usas. Tú diseñas, de principio a fin.

Empezar a diseñar

Prompt

Encuentra mi mes de ingresos más bajo del año pasado y planifica una promoción para abordarlo. Redacta la estrategia, genera los activos de la campaña en Canva, segmenta mi lista en HubSpot y prepara el envío. Muéstrame todo antes de que se publique.

Conectores

Lanza tu próxima campaña para hacer crecer tu negocio

Analiza en profundidad tus números en Intuit QuickBooks, planifica una promoción para aumentar las ventas, genera activos de marca en Canva y prepara tu próxima campaña en HubSpot. Tú decides qué se publica y cuándo.

De la idea a la imagen en minutos

Indica a Claude lo que necesitas. Crea una primera versión sobre la que puedas avanzar y perfecciónala hasta que sea tuya.

Crea en tu sistema de diseño.

Importa desde GitHub, desde archivos de diseño o desde tu base de código local para que Claude pueda crear con tus componentes reales. El resultado tendrá el aspecto visual de tu marca, no el de una plantilla.

Alterna entre Claude Design y Claude Code

Incorpora tu sistema de diseño de Claude Code con /design-sync o trabaja directamente en Claude Code con /design.

Control preciso

Comenta cualquier elemento, edita texto directamente o usa los controles deslizantes de ajuste que Claude crea para ajustar el espaciado y el color. Utiliza controles de presentación avanzados para realizar cambios visuales y estéticos rápidos, incluso para arrastrar, cambiar el tamaño y alinear elementos directamente.

Desde el lienzo hasta las herramientas que ya usas

Exporta de forma fiable a PDF y PowerPoint o envía tu trabajo a las aplicaciones que ya usas: la lista de conectores ahora incluye Adobe, Canva y algunas más.

Comparte un enlace

Cada artefacto tiene un enlace, privado por defecto hasta que todo esté listo.

Expórtalo

Descarga en tipos de archivos comunes, incluidos PowerPoint, PDF o HTML.

Transfiérelo

Envía elementos visuales y diapositivas a las herramientas que ya usas.

“Miro es donde los equipos se reúnen para convertir ideas en decisiones de alto impacto, en un lienzo compartido diseñado para la colaboración. Conectar con Claude Design significa que un concepto puede llegar al lienzo en una fase temprana, listo para que todo el equipo lo perfeccione y desarrolle en conjunto. Ha sido genial trabajar con Anthropic para que ese primer paso de la idea a la alineación resulte natural”.

“Wix siempre ha sido el hogar de los diseñadores. Nos emociona ir todavía más allá junto a Anthropic. Claude Design se conecta a la perfección a Wix Headless, lo que ofrece a los diseñadores un camino directo a la infraestructura de backend de Wix sin salir de su proceso creativo. La comunidad de diseño ahora puede llevar su visión de UX desde el primer boceto a un producto totalmente funcional y escalable, exactamente como lo imaginaron”.

“La misión de Adobe es empoderar a todos para que creen, donde elijan trabajar. Estamos encantados de construir nuestra colaboración con Anthropic, haciendo posible que cualquiera comience sus conceptos en Claude y use el conector de Adobe para creatividad para llevar publicaciones en redes sociales, presentaciones, folletos y más de borrador a producto terminado en Adobe Express. Los profesionales de marketing también pueden convertir una idea de Claude Design en un sitio web personalizado y acorde con la marca o una campaña de correo electrónico lista para entregar a los clientes en solo unos clics con Adobe Experience Manager y Adobe Journey Optimizer”.

“En Lovable creemos que las personas más cercanas a un problema deberían tener el poder de resolverlo por sí mismas. A través de nuestra asociación con Claude Design, vemos con entusiasmo que cada vez más personas esbozan soluciones para el mundo que las rodea. Ahora pueden dar vida a esas ideas dentro de Lovable como aplicaciones listas para producción”.

“Replit y Anthropic comparten la convicción de que cualquier persona, en cualquier lugar, debería poder dar vida a sus ideas con la IA. Nuestro objetivo común es acompañar a quienes crean allí donde nacen las ideas. La integración de Claude Design mediante MCP es el siguiente paso natural: ahora es posible diseñar aplicaciones fieles a la marca en Claude Design y construirlas, perfeccionarlas y lanzarlas en Replit, todo en una experiencia fluida.”

“Miro es donde los equipos se reúnen para convertir ideas en decisiones de alto impacto, en un lienzo compartido diseñado para la colaboración. Conectar con Claude Design significa que un concepto puede llegar al lienzo en una fase temprana, listo para que todo el equipo lo perfeccione y desarrolle en conjunto. Ha sido genial trabajar con Anthropic para que ese primer paso de la idea a la alineación resulte natural”.

“Wix siempre ha sido el hogar de los diseñadores. Nos emociona ir todavía más allá junto a Anthropic. Claude Design se conecta a la perfección a Wix Headless, lo que ofrece a los diseñadores un camino directo a la infraestructura de backend de Wix sin salir de su proceso creativo. La comunidad de diseño ahora puede llevar su visión de UX desde el primer boceto a un producto totalmente funcional y escalable, exactamente como lo imaginaron”.

“En Vercel nos centramos en acortar el camino desde la idea hasta la producción. Por eso nos gusta Claude Design. Los diseñadores y desarrolladores pueden llevar un primer concepto hasta una interfaz pulida y acorde con la marca, y luego enviarlo directamente a Vercel para publicarlo”.

“Generar una presentación ahora es la parte fácil; hacerla tuya siempre ha sido la difícil. Conectar Claude Design con Gamma reduce esa brecha: lo hemos creado junto con Anthropic para que cualquier cosa que diseñes en Claude pase directamente a Gamma, totalmente editable, en el momento en que quieras llevarla más lejos.”

“La misión de Adobe es empoderar a todos para que creen, donde elijan trabajar. Estamos encantados de construir nuestra colaboración con Anthropic, haciendo posible que cualquiera comience sus conceptos en Claude y use el conector de Adobe para creatividad para llevar publicaciones en redes sociales, presentaciones, folletos y más de borrador a producto terminado en Adobe Express. Los profesionales de marketing también pueden convertir una idea de Claude Design en un sitio web personalizado y acorde con la marca o una campaña de correo electrónico lista para entregar a los clientes en solo unos clics con Adobe Experience Manager y Adobe Journey Optimizer”.

“En Lovable creemos que las personas más cercanas a un problema deberían tener el poder de resolverlo por sí mismas. A través de nuestra asociación con Claude Design, vemos con entusiasmo que cada vez más personas esbozan soluciones para el mundo que las rodea. Ahora pueden dar vida a esas ideas dentro de Lovable como aplicaciones listas para producción”.

“Replit y Anthropic comparten la convicción de que cualquier persona, en cualquier lugar, debería poder dar vida a sus ideas con la IA. Nuestro objetivo común es acompañar a quienes crean allí donde nacen las ideas. La integración de Claude Design mediante MCP es el siguiente paso natural: ahora es posible diseñar aplicaciones fieles a la marca en Claude Design y construirlas, perfeccionarlas y lanzarlas en Replit, todo en una experiencia fluida.”

“Miro es donde los equipos se reúnen para convertir ideas en decisiones de alto impacto, en un lienzo compartido diseñado para la colaboración. Conectar con Claude Design significa que un concepto puede llegar al lienzo en una fase temprana, listo para que todo el equipo lo perfeccione y desarrolle en conjunto. Ha sido genial trabajar con Anthropic para que ese primer paso de la idea a la alineación resulte natural”.

1/7

Ya puedes usar Claude Design en cualquier conversación con Claude, incluso en Claude Code y en la pestaña Artifacts, con Claude Tag próximamente. Todas sus funciones, incluida la edición en el lienzo, van integradas.

Importa desde tu base de código o archivos DOCX, PPTX y XLSX. Exporta a PPTX, PDF o HTML, transfiérelo a Claude Code o envíalo a las aplicaciones que ya usas a diario. Más información sobre los destinos disponibles para enviar en el Centro de ayuda.

Incorpora uno o varios sistemas de diseño de un repositorio de GitHub, archivos de diseño o cargas sin procesar. Claude crea con tus componentes, compara el resultado con tu sistema de diseño y realiza correcciones antes de que lo veas. Para equipos más grandes, un rol de administrador puede aprobar un sistema estándar y bloquear ediciones, de modo que el trabajo siempre se ajuste a las pautas de tu empresa.

Claude Design se conecta con Adobe, Canva, Gamma, Lovable, Miro, Replit, Vercel y Wix, por lo que tus diseños, prototipos y archivos se pueden pasar de una herramienta de las que tu equipo ya usa.

Sí. Los administradores pueden bloquear un equipo a un solo sistema de diseño aprobado, por lo que cada diseño se mantenga fiel a la marca independientemente de quién lo esté creando.

Desde tu sesión de Claude Code en el escritorio o desde la terminal, pide a Claude que convierta tu idea en un diseño o usa /design para crear, editar y sincronizar proyectos de diseño.

El nuevo e integrado Claude Design tiene una función de Sistemas de diseño renovada, que puedes gestionar en Configuración > Sistemas de diseño. Para cambiar un sistema de diseño existente, abre la pestaña Diseño en la parte inferior de la barra lateral y haz clic en Migrar sistemas de diseño del equipo en el banner. Cada sistema de diseño se convierte en un arterfacto que Claude puede usar en cualquier conversación, incluso en Claude Code. Los sistemas migrados no son perfectos, por lo que cada uno muestra un banner: Haz clic en Dejar que Claude lo limpie y Claude ordena la guía, los tokens y los componentes. Puedes crear un sistema de diseño usando Claude Code, que funciona mejor para organizaciones con sistemas de diseño React existentes, o en cualquier conversación con Claude, que funciona mejor para sistemas de diseño de marca con fuentes, colores y directrices de marca. Más información.

Claude Design está incluido en todos los planes de pago. Los administradores deben activarla en la configuración de la organización.

Artifacts, incluido el trabajo realizado con Claude Design, Claude Slides y Claude Docs, cuentan para los límites de uso de tu plan, como el resto de tu trabajo con Claude. Las solicitudes más grandes, como una plataforma o diseño completo, usan más de tu límite que un mensaje típico. Consulta el Centro de ayuda para obtener los detalles actuales.